* {
    font-size: 34px
}

*, li, ol, p, ul {
    padding: 0;
    margin: 0
}

li, ol, ul {
    list-style: none
}

body {
    background: #fff
}

.ripple {
    position: relative;
    overflow: hidden
}

.ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10);
    opacity: 0;
    transition: transform .3s, opacity .5s
}

.ripple:active:after {
    transform: scale(0);
    opacity: .3;
    transition: 0s
}

.ripplegrey {
    position: relative;
    overflow: hidden
}

.ripplegrey:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10);
    opacity: 0;
    transition: transform .3s, opacity .5s
}

.ripplegrey:active:after {
    transform: scale(0);
    opacity: .3;
    transition: 0s
}

.background[data-v-40f891e1] {
    background-color: #f5f5f5;
    height: 100vh;
    padding-top: 50px
}

.background[data-v-40f891e1], .brand[data-v-40f891e1] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.brand[data-v-40f891e1] {
    height: 20vh;
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 20px
}

.brand img[data-v-40f891e1] {
    width: 204px;
    height: 90px
}

.background[data-v-8ec9f19e] {
    background-color: #f5f5f5;
    height: 100vh;
    padding-top: 50px
}

.background[data-v-8ec9f19e], .brand[data-v-8ec9f19e] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.brand[data-v-8ec9f19e] {
    height: 20vh;
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 20px
}

.brand img[data-v-8ec9f19e] {
    width: 204px;
    height: 90px
}

.footer[data-v-6e0a9f31] {
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.nav_foot[data-v-6e0a9f31] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 2
}

.nav_foot li[data-v-6e0a9f31] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.nav_foot li img[data-v-6e0a9f31] {
    width: 22px;
    height: 22px
}

.nav_foot li span[data-v-6e0a9f31] {
    color: #868f8b;
    font-size: 12px;
    margin-top: 3px
}

.active span[data-v-6e0a9f31] {
    color: #009688 !important
}

.big_circle[data-v-6e0a9f31] {
    width: 55px;
    height: 55px;
    border: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.big_circle img[data-v-6e0a9f31] {
    width: 50px !important;
    height: 50px !important;
    box-shadow: 0 0 10px hsla(0, 0%, 58.8%, .5);
    border-radius: 50%
}

.center_item[data-v-6e0a9f31] {
    overflow: visible;
    margin-top: -28px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.tip[data-v-6e0a9f31] {
    background: red;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    top: 10%;
    right: 25%;
    position: absolute;
    color: #fff;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

#animat[data-v-6e0a9f31] {
    width: 80px;
    border-radius: 40px;
    position: relative;
    animation: mymove-data-v-6e0a9f31 1s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation: mymove-data-v-6e0a9f31 1s infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    margin-top: 50px;
    margin-bottom: 50px
}

@keyframes mymove-data-v-6e0a9f31 {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(1)
    }
    75% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes mymove-data-v-6e0a9f31 {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(1)
    }
    75% {
        transform: scale(1.1)
    }
}

.diwali_box[data-v-6e0a9f31] {
    position: absolute;
    top: -12px;
    right: -3px;
    height: 14px;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(278deg, #ff0090, #9010ff)
}

.notice_zz[data-v-1089d693] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-1089d693] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-1089d693] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-1089d693] {
    font-size: 14px;
    padding: 15px 0 15px 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.tz_close[data-v-1089d693] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-1089d693] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.special_wrapper[data-v-1089d693] {
    width: 80%
}

.special[data-v-1089d693] {
    padding: 5px 0 15px
}

.input_box[data-v-1089d693] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-1089d693] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-1089d693] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-1089d693] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-1089d693] {
    padding: 10px 0 10px 20px
}

.notice_zz[data-v-429da892] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.wrapper[data-v-429da892] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 80%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-429da892] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-429da892] {
    font-size: 14px;
    padding: 15px 0 15px 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.tz_close[data-v-429da892] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-429da892] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.special_wrapper[data-v-429da892] {
    width: 80%
}

.special[data-v-429da892] {
    padding: 5px 0 15px
}

.input_box[data-v-429da892] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-429da892] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-429da892] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-429da892] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-429da892] {
    padding: 10px 0 10px 20px
}

.normal_notice_zz[data-v-120b09c7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.normal_wrapper[data-v-120b09c7] {
    position: relative;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.normal_tz_title[data-v-120b09c7] {
    width: 100%;
    margin-top: 7px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 35px;
    color: #000;
    opacity: 1
}

.normal_tz_info[data-v-120b09c7] {
    font-size: 13px;
    line-height: 22px
}

.normal_tz_info[data-v-120b09c7], .normal_tz_info_big[data-v-120b09c7] {
    padding: 20px 0 20px 15px;
    font-weight: 400;
    color: #5e5e5e;
    opacity: 1;
    overflow-y: auto !important
}

.normal_tz_info_big[data-v-120b09c7] {
    font-size: 19px;
    line-height: 18px
}

.normal_tz_close[data-v-120b09c7] {
    display: flex;
    height: 60px;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 10px
}

.vertical_normal_tz_close[data-v-120b09c7] {
    display: flex;
    flex-direction: column
}

.vertical_normal_tz_close_text[data-v-120b09c7] {
    font-size: 16px;
    margin-top: 12px;
    text-decoration: underline;
    text-align: center;
    color: #999
}

.tz_close_left[data-v-120b09c7] {
    background: #e9e9e9;
    color: #606060
}

.tz_close_left[data-v-120b09c7], .tz_close_right[data-v-120b09c7] {
    height: 54px;
    width: 48%;
    opacity: 1;
    border-radius: 5px;
    line-height: 30px;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tz_close_right[data-v-120b09c7] {
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff;
    overflow: hidden
}

.icon_question[data-v-120b09c7] {
    width: 25px;
    height: 25px;
    border: 2px solid #a6a6a6;
    border-radius: 50%;
    color: #a6a6a6;
    background: #fff;
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    line-height: 18px
}

.textBox[data-v-b6601880] {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 112px
}

.animation_div[data-v-b6601880] {
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.win_image[data-v-b6601880] {
    height: 20px
}

.win_image_invite[data-v-b6601880] {
    height: 23px
}

.win_image_withdraw[data-v-b6601880] {
    height: 22px
}

.win_image_win[data-v-b6601880] {
    height: 23px
}

.text[data-v-b6601880] {
    font-size: 12px;
    line-height: 14px;
    color: #989898;
    text-align: center;
    margin-left: 3px
}

.slide-enter-active[data-v-b6601880] {
    transition: all .7s
}

.slide-leave-active[data-v-b6601880] {
    transition: all .2s
}

.slide-enter[data-v-b6601880] {
    transform: translateY(50px)
}

.slide-leave-to[data-v-b6601880] {
    transform: translateY(-30px)
}

.double_sign_award[data-v-74d1c236] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    z-index: 10
}

.double_sign_award_wrapper[data-v-74d1c236] {
    position: relative;
    box-sizing: border-box;
    border-radius: 7px;
    height: 444px;
    width: 320px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.double_sign_award_wrapper_img[data-v-74d1c236] {
    position: absolute;
    width: 100%;
    top: -12px
}

.torecharge_div[data-v-74d1c236] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.torecharge_div_userid[data-v-74d1c236] {
    width: 100%;
    height: 50px;
    margin-top: 50px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.torecharge_div_desc[data-v-74d1c236] {
    width: 100%;
    height: 80px;
    margin-top: 130px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #a7a7a7
}

.long_btn[data-v-74d1c236] {
    width: 80%;
    margin-top: 10px;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 27px;
    align-self: center;
    font-size: 22px;
    line-height: 0;
    color: #fff
}

.torecharge_div_later[data-v-74d1c236] {
    position: absolute;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
    color: #b1b1b1;
    text-decoration: underline;
    opacity: 1;
    bottom: 20px
}

.more_auto_label[data-v-74d1c236] {
    margin-top: 10px;
    width: 97%;
    margin-left: 3%;
    height: 100px
}

.agree_zz[data-v-322f411e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.wrapper[data-v-322f411e] {
    background: #fff;
    width: 100%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0 0;
    border: 5px solid #fff
}

.agree_zz div.green[data-v-322f411e] {
    background: linear-gradient(1turn, #fff 70%, #c3eadd)
}

.agree_zz div.red[data-v-322f411e] {
    background: linear-gradient(1turn, #fff 70%, #ffdcdc)
}

.agree_zz div.purple[data-v-322f411e] {
    background: linear-gradient(1turn, #fff 70%, #eecfff)
}

.agree_zz div.number[data-v-322f411e] {
    background: linear-gradient(1turn, #fff 70%, #f1f1f1)
}

.branch_title[data-v-322f411e] {
    padding-top: 15px;
    padding-bottom: 1px;
    box-sizing: border-box;
    color: #000;
    text-align: center
}

.branch_title[data-v-322f411e], .branch_title span[data-v-322f411e] {
    font-size: 28px;
    font-weight: 700
}

.branch_title .green[data-v-322f411e] {
    color: #0bc048
}

.close_btn button.green[data-v-322f411e] {
    background-color: #0bc048
}

.branch_title .red[data-v-322f411e] {
    color: #df0909
}

.close_btn button.red[data-v-322f411e] {
    background-color: #df0909
}

.branch_title .purple[data-v-322f411e] {
    color: #7e0bc0
}

.close_btn button.purple[data-v-322f411e] {
    background-color: #7e0bc0
}

.branch_title .number[data-v-322f411e] {
    color: #000
}

.close_btn button.number[data-v-322f411e] {
    background-color: #2196f3
}

.branch_title button[data-v-322f411e] {
    float: right;
    margin-right: 15px;
    background-color: transparent;
    padding: 3px 20px;
    font-size: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 2px
}

.branch_content[data-v-322f411e] {
    padding: 5px 13px 70px 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.caption_text[data-v-322f411e] {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #a1a1a1;
    align-self: flex-start
}

ul.cash_information[data-v-322f411e] {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 5px
}

ul.cash_information li[data-v-322f411e] {
    font-size: 13px;
    font-weight: 400;
    color: #a1a1a1
}

ul.cash_information li span[data-v-322f411e] {
    font-size: 14px;
    color: #333
}

.choose_money[data-v-322f411e], .choose_rate[data-v-322f411e] {
    margin-bottom: 8px;
    width: 100%
}

.choose_money ul[data-v-322f411e], .choose_rate ul[data-v-322f411e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    text-align: center;
    justify-content: space-between
}

.choose_money ul li[data-v-322f411e], .choose_rate ul li[data-v-322f411e] {
    position: relative;
    padding: 7px 10px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    border-radius: 5px;
    min-width: 50px
}

.choose_money ul li[data-v-322f411e] {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16)
}

.choose_rate ul li[data-v-322f411e] {
    color: #8f8f8f;
    text-shadow: 0 0 6px rgba(0, 0, 0, .16);
    border: 1px solid #dfdfdf
}

.stepper[data-v-322f411e] {
    margin-bottom: 10px;
    width: 100%
}

.stepper .van-stepper[data-v-322f411e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.stepper .van-stepper[data-v-322f411e] button {
    width: 30%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 5px;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.stepper .van-stepper[data-v-322f411e] .van-stepper__minus:before, .stepper .van-stepper[data-v-322f411e] .van-stepper__plus:before {
    width: 15px;
    height: 1px;
    color: #000
}

.stepper .van-stepper[data-v-322f411e] .van-stepper__minus:after, .stepper .van-stepper[data-v-322f411e] .van-stepper__plus:after {
    width: 1px;
    height: 15px
}

.stepper .van-stepper[data-v-322f411e] input {
    background: transparent;
    font-size: 24px;
    width: 100px;
    color: red
}

.agree_box[data-v-322f411e] {
    margin: 0 0 0 0
}

.van-checkbox[data-v-322f411e] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.agree_box[data-v-322f411e] .van-checkbox__label {
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0, 0, 0, .54)
}

.agree_box[data-v-322f411e] .greencolor {
    color: #0bc048;
    font-weight: 400
}

.payfee_tips[data-v-322f411e] {
    color: #009688;
    font-size: 12px
}

.recharge_btn[data-v-322f411e] {
    height: 65px;
    background: #cecece;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box
}

.recharge_btn span[data-v-322f411e] {
    width: 70%;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #686868;
    text-align: center;
    opacity: 1;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.recharge_btn button[data-v-322f411e] {
    width: 119px;
    height: 40px;
    background: #0bc048;
    opacity: 1;
    border-radius: 25px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    border: 0
}

.close_btn[data-v-322f411e] {
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-322f411e] {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 26px;
    font-weight: 800;
    line-height: 37px;
    color: #fff
}

.agree_title[data-v-322f411e] {
    font-size: 24px;
    padding: 15px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree[data-v-322f411e] {
    width: 100%;
    height: 75vh;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 15px 15px 60px 15px;
    box-sizing: border-box;
    pointer-events: auto
}

.content_agree p[data-v-322f411e] {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.5;
    color: #212121
}

.suoclass[data-v-322f411e] {
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-fill-available;
    height: 100%;
    border-radius: 2px
}

.my_balance_box[data-v-322f411e] {
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 10px;
    display: flex
}

.my_balance_box div[data-v-322f411e]:first-child {
    width: 100%;
    padding-left: 15px
}

.my_balance_box div[data-v-322f411e]:last-child {
    width: 127px;
    padding-right: 15px
}

.my_balance_left[data-v-322f411e] {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.my_balance_left span[data-v-322f411e]:first-child {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #a1a1a1
}

.my_balance_left span[data-v-322f411e]:last-child {
    font-size: 26px;
    font-weight: 800;
    line-height: 37px;
    color: #333
}

.my_balance_right[data-v-322f411e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.my_balance_right button.btn_recharge[data-v-322f411e] {
    width: 107px;
    height: 40px;
    background: #fe8d01;
    box-shadow: 0 3px 6px rgba(232, 116, 0, .16);
    border-radius: 20px;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff
}

div.novip_mask[data-v-322f411e] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .9
}

div.novip_mask > img[data-v-322f411e] {
    width: 25px;
    opacity: .7
}

.icon_question[data-v-322f411e] {
    width: 20px;
    height: 20px;
    border: 2px solid #a6a6a6;
    border-radius: 50%;
    color: #a6a6a6;
    background: #fff;
    font-weight: 600;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.disable_li[data-v-322f411e] {
    opacity: .3
}

.app-service-box[data-v-5c505ed7] {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f7dec3), to(#009688))
}

.app-display_none[data-v-5c505ed7] {
    display: none
}

.app-service-box-none[data-v-5c505ed7], .app-service-box[data-v-5c505ed7] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    max-width: 100px;
    height: 18vw;
    max-height: 100px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 100
}

.app-service-box-none[data-v-5c505ed7] {
    background-image: none;
    background-color: #999
}

.app-service-box-item[data-v-5c505ed7] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    max-width: 100px;
    height: 18vw;
    max-height: 100px;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #f7dec3, #009688);
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.app-service-box-icon[data-v-5c505ed7] {
    width: 40%;
    height: 40%;
    border-radius: 50%
}

.app-service-box-title[data-v-5c505ed7] {
    font-size: 12px;
    color: #fff
}

.customerService a img[data-v-61cf16b4] {
    height: 100px;
    position: fixed;
    bottom: 20%;
    right: 0
}

.notice_zz[data-v-29a5bc70] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    text-align: center
}

.wrapper[data-v-29a5bc70] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tb_title[data-v-29a5bc70] {
    font-size: 20px;
    line-height: 40px;
    width: 99.6%;
    align-content: center
}

.tb_title span[data-v-29a5bc70] {
    font-size: 20px
}

.tz_info[data-v-29a5bc70] {
    font-size: 0;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.tz_info ul[data-v-29a5bc70] {
    width: 100%
}

.tz_info ul li[data-v-29a5bc70] {
    border-bottom: 1px solid #e0e0e0;
    float: left;
    height: 40px;
    width: 20%;
    line-height: 40px;
    font-size: 12px;
    text-align: center
}

.tz_close[data-v-29a5bc70] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-29a5bc70] {
    color: #00897b;
    font-size: 20px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.red[data-v-29a5bc70] {
    background: #f44336
}

li span[data-v-29a5bc70] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 2px
}

.notice_zz[data-v-e94fc276] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    text-align: center
}

.wrapper[data-v-e94fc276] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tb_title[data-v-e94fc276] {
    font-size: 20px;
    line-height: 40px;
    width: 99.6%;
    align-content: center
}

.tb_title span[data-v-e94fc276] {
    font-size: 14px
}

.tz_info[data-v-e94fc276] {
    font-size: 0;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.tz_info ul[data-v-e94fc276] {
    width: 100%
}

.tb_title ul li[data-v-e94fc276], .tz_info ul li[data-v-e94fc276] {
    border-bottom: 1px solid #e0e0e0;
    float: left;
    height: 40px;
    width: 20%;
    line-height: 40px;
    font-size: 12px;
    text-align: center
}

.tz_close[data-v-e94fc276] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-e94fc276] {
    color: #00897b;
    font-size: 20px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.red[data-v-e94fc276] {
    background: #f44336
}

li span[data-v-e94fc276] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 2px
}

.textBox[data-v-0fcea581] {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 46px
}

.animation_div[data-v-0fcea581] {
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.win_image[data-v-0fcea581] {
    height: 20px
}

.win_image_invite[data-v-0fcea581] {
    height: 23px
}

.win_image_withdraw[data-v-0fcea581] {
    height: 22px
}

.win_image_win[data-v-0fcea581] {
    height: 23px
}

.text[data-v-0fcea581] {
    font-size: 13px;
    line-height: 14px;
    color: #f80;
    margin-left: 3px
}

.slide-enter-active[data-v-0fcea581], .slide-leave-active[data-v-0fcea581] {
    transition: all .5s
}

.slide-enter[data-v-0fcea581] {
    transform: translateY(20px)
}

.slide-leave-to[data-v-0fcea581] {
    transform: translateY(-40px)
}

.notice_news[data-v-29b021e3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.notice_news .wrapper[data-v-29b021e3] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.notice_news .tz_title[data-v-29b021e3] {
    font-size: 24px;
    padding: 15px
}

.notice_news .tz_info[data-v-29b021e3] {
    font-size: 14px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.notice_news .tz_close[data-v-29b021e3] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.notice_news .tz_close button[data-v-29b021e3] {
    color: #00897b;
    font-size: 20px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.notice_news .special_wrapper[data-v-29b021e3] {
    width: 80%
}

.notice_news .special[data-v-29b021e3] {
    padding: 5px 0 15px
}

.notice_news .input_box[data-v-29b021e3] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.notice_news .input_box span[data-v-29b021e3] {
    font-size: 12px;
    color: #757575
}

.notice_news .input_box input[data-v-29b021e3] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.notice_news .signinInfo[data-v-29b021e3] {
    margin-bottom: 10px
}

.notice_news .signinfo[data-v-29b021e3] {
    padding: 10px 0 10px 20px
}

.notice_zz_suc[data-v-1f0400ee] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-1f0400ee] {
    background: #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100px;
    width: 66%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .8
}

.amount_txt[data-v-1f0400ee] {
    height: 66%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    opacity: 1
}

.amount_txt_tip[data-v-1f0400ee] {
    height: 34%;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 1
}

.notice_zz_order[data-v-2424ea9a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    z-index: 10
}

.wrapper[data-v-2424ea9a] {
    height: 520px
}

.wrapper[data-v-2424ea9a], .wrapper_short[data-v-2424ea9a] {
    position: fixed;
    background: #fff;
    box-sizing: border-box;
    border-radius: 9px;
    width: 87%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.wrapper_short[data-v-2424ea9a] {
    height: 490px
}

.win_star[data-v-2424ea9a] {
    position: absolute;
    width: 375px;
    margin-top: -73px
}

.top_title[data-v-2424ea9a] {
    margin-top: 0;
    width: 100%;
    height: 58px
}

.top_title_win[data-v-2424ea9a] {
    margin-top: -106px;
    width: 100%;
    height: 164px
}

.top_title_lose[data-v-2424ea9a] {
    margin-top: -75px;
    width: 100%;
    height: 133px
}

.result_num_out[data-v-2424ea9a] {
    width: 100%;
    height: 23%;
    flex-direction: row
}

.result_num_out[data-v-2424ea9a], .result_num_out_num[data-v-2424ea9a] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.result_num_out_num[data-v-2424ea9a] {
    width: 50%;
    height: 100%;
    flex-direction: column
}

.result_num_out_num_item[data-v-2424ea9a] {
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center
}

.result_num_out_num_item_line[data-v-2424ea9a] {
    width: 91%;
    height: 1px;
    margin-top: 10px;
    border-bottom: 1px dashed #dcdcdc
}

.result_num_out_num_item_title[data-v-2424ea9a] {
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    opacity: 1;
    text-align: center
}

.result_num_out_num_item_value[data-v-2424ea9a] {
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 200;
    line-height: 30px;
    color: #000;
    opacity: 1;
    text-align: center
}

.result_total_view[data-v-2424ea9a] {
    width: 100%;
    height: 40px;
    margin-top: 10px
}

.result_total_view[data-v-2424ea9a], .result_total_view_content[data-v-2424ea9a] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center
}

.result_total_view_content[data-v-2424ea9a] {
    width: 85%;
    height: 100%
}

.result_total_view_content_title[data-v-2424ea9a] {
    width: 52%;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    justify-content: flex-start
}

.result_total_view_content_title[data-v-2424ea9a], .result_total_view_content_value[data-v-2424ea9a] {
    height: 25px;
    line-height: 25px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center
}

.result_total_view_content_value[data-v-2424ea9a] {
    width: 48%;
    font-size: 16px;
    font-weight: 300;
    color: #00c283;
    justify-content: flex-end
}

.record_body[data-v-2424ea9a] {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 21px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.record_body_red[data-v-2424ea9a] {
    background: #df0909
}

.record_body_green[data-v-2424ea9a] {
    background: #0bc048
}

.record_body_violet[data-v-2424ea9a] {
    background: #7e0bc0
}

.record_body_green_violet[data-v-2424ea9a] {
    background: linear-gradient(90deg, #0bc048 0, #0bc048 50%, #7e0bc0 0)
}

.record_body_null[data-v-2424ea9a] {
    background: #fff
}

.record_body_red_violet[data-v-2424ea9a] {
    background: linear-gradient(90deg, #df0909 0, #df0909 50%, #7e0bc0 0)
}

.num_text[data-v-2424ea9a] {
    font-size: 57px;
    font-weight: 700;
    line-height: 107px;
    color: #fff;
    width: 100%;
    text-align: center;
    opacity: 1
}

.period_price[data-v-2424ea9a] {
    width: 84%;
    height: 12%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between
}

.period_price_item[data-v-2424ea9a] {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between
}

.period_price_item_title[data-v-2424ea9a] {
    height: 52px;
    font-weight: 300;
    color: #000;
    opacity: 1;
    font-size: 16px;
    line-height: 40px
}

.period_price_item_value[data-v-2424ea9a] {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    letter-spacing: 1px;
    opacity: 1;
    line-height: 40px
}

.period_price_item_value_amount[data-v-2424ea9a] {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #000;
    letter-spacing: 1px;
    opacity: 1
}

.result_bottom[data-v-2424ea9a] {
    height: 33%
}

.result_bottom[data-v-2424ea9a], .result_bottom_short[data-v-2424ea9a] {
    margin-top: 10px;
    background: #f1f3ff;
    border: 1px solid #d2d5e7;
    opacity: 1;
    border-radius: 5px;
    width: 84%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between
}

.result_bottom_short[data-v-2424ea9a] {
    height: 28%
}

.result_bottom_title[data-v-2424ea9a] {
    height: 30%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px
}

.result_btn_enable[data-v-2424ea9a] {
    background: #e5e5e5;
    color: #9c9c9c
}

.result_btn_enable[data-v-2424ea9a], .result_btn_normal[data-v-2424ea9a] {
    width: 80px;
    height: 30px;
    opacity: 1;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    align-content: center;
    justify-content: center
}

.result_btn_normal[data-v-2424ea9a] {
    background: #ff8d0e;
    color: #fff
}

.result_order[data-v-2424ea9a] {
    height: 30px;
    opacity: 1;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.result_bottom_desc[data-v-2424ea9a] {
    height: 70%;
    align-items: center
}

.result_bottom_desc[data-v-2424ea9a], .result_bottom_desc_short[data-v-2424ea9a] {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between
}

.result_bottom_desc_short[data-v-2424ea9a] {
    height: 95%
}

.result_bottom_desc_item[data-v-2424ea9a] {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between
}

.long_btn[data-v-2424ea9a] {
    height: 54px;
    width: 84%;
    display: flex;
    margin-top: 16px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.long_btn_span[data-v-2424ea9a] {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    opacity: 1
}

.user_order_header[data-v-2add742c], .user_order_item[data-v-2add742c] {
    height: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.user_order_item_content_long[data-v-2add742c] {
    height: 50px;
    width: 40%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.user_order_item_content_long img[data-v-2add742c] {
    width: 28px;
    height: 28px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .43);
    border-radius: 50%
}

.user_order_item_content_long span[data-v-2add742c] {
    width: 69px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    color: #a2a2a2;
    opacity: 1;
    margin-left: 10px
}

.user_order_item_content_long2[data-v-2add742c] {
    width: 25%;
    margin-left: 6px
}

.user_order_item_content_long2[data-v-2add742c], .user_order_item_content_short[data-v-2add742c] {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 21px;
    color: #979797;
    opacity: 1
}

.user_order_item_content_short[data-v-2add742c] {
    width: 15%
}

.user_order_item_content[data-v-2add742c] {
    height: 50px;
    width: 20%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    line-height: 21px;
    color: #979797;
    opacity: 1;
    margin-right: 6px
}

.user_order_item_content_sn[data-v-2add742c] {
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.record_body[data-v-2add742c] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 21px;
    color: #fff !important;
    background: #0bc048;
    box-shadow: 0 0 5px rgba(0, 0, 0, .43);
    display: flex;
    justify-content: center;
    align-items: center
}

.record_body_red[data-v-2add742c] {
    background: #df0909
}

.record_body_green[data-v-2add742c] {
    background: #0bc048
}

.record_body_violet[data-v-2add742c] {
    background: #7e0bc0
}

.record_body_gray[data-v-2add742c] {
    background: #cdcdcd
}

.record_body_green_violet[data-v-2add742c] {
    background: linear-gradient(90deg, #0bc048 0, #0bc048 50%, #7e0bc0 0)
}

.record_body_red_violet[data-v-2add742c] {
    background: linear-gradient(90deg, #df0909 0, #df0909 50%, #7e0bc0 0)
}

.li_first[data-v-2add742c] {
    background: #eff6ff
}

.li_first[data-v-2add742c], .li_othor[data-v-2add742c] {
    margin-left: .5%;
    line-height: 35px;
    margin-bottom: 5px;
    font-size: 12px;
    width: 100%;
    height: 40px
}

.li_othor[data-v-2add742c] {
    background: #fff
}

li[data-v-2add742c]:hover {
    transition: all .8s ease
}

.v-enter[data-v-2add742c], .v-leave-to[data-v-2add742c] {
    opacity: 0;
    transform: translateY(-10px)
}

.v-enter-active[data-v-2add742c], .v-leave-active[data-v-2add742c], .v-move[data-v-2add742c] {
    transition: all .6s ease
}

.v-leave-active[data-v-2add742c] {
    position: absolute
}

.notice_zz[data-v-97e0b61c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-97e0b61c] {
    background: #fff;
    padding: 15px;
    margin-top: 16%;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 84%;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 2
}

.tz_title[data-v-97e0b61c] {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 38px;
    color: #575757;
    letter-spacing: 20px;
    opacity: 1
}

.tz_info[data-v-97e0b61c] {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #575757;
    opacity: 1;
    overflow-y: auto !important;
    height: 100%;
    text-align: left
}

.tz_close[data-v-97e0b61c] {
    height: 33%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 10px
}

.tz_close_button[data-v-97e0b61c] {
    background: #e9e9e9;
    color: #606060
}

.tz_close_button[data-v-97e0b61c], .tz_go_button[data-v-97e0b61c] {
    width: 45%;
    height: 45px;
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    border: 0
}

.tz_go_button[data-v-97e0b61c] {
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff
}

.special_wrapper[data-v-97e0b61c] {
    width: 80%
}

.special[data-v-97e0b61c] {
    padding: 5px 0 15px
}

.input_box[data-v-97e0b61c] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-97e0b61c] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-97e0b61c] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-97e0b61c] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-97e0b61c] {
    padding: 10px 0 10px 20px
}

.custome_task[data-v-775e6680] {
    width: 100%;
    height: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.custome_task_open_task[data-v-775e6680] {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 95%;
    height: 80%;
    background: #f6f6f6;
    box-shadow: 0 0 6px rgba(0, 0, 0, .26);
    opacity: 1;
    border-radius: 10px;
    border: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #292929
}

.custome_task_open_task span[data-v-775e6680] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #292929;
    opacity: 1;
    margin-left: 1.5%;
    width: 77%;
    text-align: center
}

.custome_task_open_task div[data-v-775e6680] {
    width: 34px;
    height: 25px;
    background: #00b76f;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 13px;
    margin-left: 3%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center
}

.custome_task_open_task div img[data-v-775e6680] {
    width: 16px;
    height: 16px
}

.custome_task_do_task_div[data-v-775e6680] {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    position: relative
}

.custome_task_do_task[data-v-775e6680], .custome_task_do_task_div[data-v-775e6680] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center
}

.custome_task_do_task[data-v-775e6680] {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 95%;
    height: 80%;
    background: #e1ffe4;
    box-shadow: 0 0 6px rgba(0, 0, 0, .26);
    opacity: 1;
    border-radius: 10px;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #292929
}

.custome_task_do_task_taskid[data-v-775e6680] {
    width: 10%;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #9f9f9f;
    opacity: 1
}

.custome_task_do_task_process[data-v-775e6680] {
    width: 40%;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #444;
    opacity: .6;
    text-align: center
}

.custome_task_do_task_award[data-v-775e6680] {
    width: 30%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff4600;
    opacity: 1;
    text-align: center
}

.red_tips[data-v-775e6680] {
    background: red;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    top: -25%;
    right: -5px;
    position: absolute;
    color: #fff;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.custome_task_do_task_div_dotask[data-v-775e6680] {
    width: 50px;
    background: #8d8d8d
}

.custome_task_do_task_div_dotask[data-v-775e6680], .custome_task_do_task_div_receieve[data-v-775e6680] {
    height: 25px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 13px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center
}

.custome_task_do_task_div_receieve[data-v-775e6680] {
    width: 53px;
    background: #00b76f
}

.custome_task_finish_all_task[data-v-775e6680] {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 95%;
    height: 80%;
    background: #f6f6f6;
    box-shadow: 0 0 6px rgba(0, 0, 0, .26);
    opacity: 1;
    border-radius: 10px;
    border: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.custome_task_finish_all_task_tips1[data-v-775e6680] {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #505050;
    opacity: 1
}

.custome_task_finish_all_task_tips2[data-v-775e6680] {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #505050;
    opacity: 1
}

.diwali_box[data-v-775e6680] {
    position: absolute;
    font-size: 12px;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    height: 14px !important;
    padding: 2px 6px;
    line-height: 12px !important;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(278deg, #ff0090, #9010ff) !important
}

.notice_zz[data-v-9866f74e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 101
}

.awards_sucess[data-v-9866f74e] {
    width: 90.6%;
    height: 52%;
    position: relative
}

.help_div[data-v-9866f74e], .img_bg[data-v-9866f74e] {
    position: absolute;
    width: 100%;
    height: 100%
}

.help_div[data-v-9866f74e] {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    z-index: 1
}

.awards_sucess_tips[data-v-9866f74e] {
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    color: #5e5e5e;
    opacity: 1;
    height: 20%;
    width: 90%;
    text-align: center
}

.awards_sucess_awd[data-v-9866f74e] {
    font-size: 55px;
    font-weight: 800;
    line-height: 64px;
    color: #ff5c1c;
    opacity: 1;
    height: 40%;
    text-align: center;
    display: flex;
    align-items: center
}

.long_btn[data-v-9866f74e] {
    width: 90%;
    height: 45px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border: 0;
    margin-bottom: 5%
}

.set_custom_task[data-v-9866f74e] {
    width: 90%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.set_custom_task_title[data-v-9866f74e] {
    width: 100%;
    height: 20%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
    color: #000;
    opacity: 1;
    margin-top: 10px
}

.set_custom_task_msg[data-v-9866f74e] {
    width: 100%;
    height: 15%;
    font-weight: 700;
    color: #5e5e5e;
    opacity: 1;
    margin-top: 10px;
    font-size: 11px;
    text-align: center
}

.set_custom_task_input[data-v-9866f74e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    line-height: 54px;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.set_custom_task_target[data-v-9866f74e] {
    width: 92%;
    height: 30%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px
}

.set_custom_task_input input[data-v-9866f74e] {
    width: 100%;
    font-size: 27px;
    border: 0;
    padding: 10px 0 5px 0;
    text-align: center;
    font-weight: 400;
    line-height: 38px;
    background: #e7e7e7;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.custom_task_active_suc[data-v-9866f74e] {
    width: 90%;
    height: 400px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px
}

.custom_task_active_suc_title[data-v-9866f74e] {
    width: 100%;
    height: 20%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    color: #000;
    opacity: 1;
    margin-top: 10px
}

.custom_task_active_suc_desc[data-v-9866f74e] {
    height: 15%;
    width: 90%;
    font-weight: 400;
    line-height: 22px;
    color: #5e5e5e;
    opacity: 1;
    text-align: center
}

.custom_task_active_suc_table[data-v-9866f74e] {
    width: 100%;
    background: #fff;
    padding: 0 15px 20px;
    box-sizing: border-box
}

.custom_task_active_suc_table .table_ul[data-v-9866f74e] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.custom_task_active_suc_table .table_ul .table_head ol[data-v-9866f74e] {
    font-size: 12px;
    font-weight: 700
}

.custom_task_active_suc_table .table_ul .table_body[data-v-9866f74e] {
    font-size: 14px
}

.custom_task_active_suc_table .table_ul li[data-v-9866f74e] {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.custom_task_active_suc_table_table_ul_li_ol1[data-v-9866f74e], .custom_task_active_suc_table_table_ul_li_ol2[data-v-9866f74e] {
    width: 30%;
    text-align: center;
    line-height: 35px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.custom_task_active_suc_table_table_ul_li_ol3[data-v-9866f74e] {
    width: 40%;
    text-align: center;
    line-height: 35px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.novip_tips_div[data-v-9866f74e] {
    width: 90%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px
}

.novip_tips[data-v-9866f74e] {
    width: 90%;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #5e5e5e;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center
}

.novip_tips_btn[data-v-9866f74e] {
    width: 90%;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

.novip_tips_div_title[data-v-9866f74e] {
    width: 100%;
    height: 10%;
    margin-top: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    color: #000;
    opacity: 1
}

.custom_task_active_suc_table_table_ul_li_ol5[data-v-9866f74e] {
    color: #8d8d8d
}

.custom_task_active_suc_table_table_ul_li_ol5[data-v-9866f74e], .custom_task_active_suc_table_table_ul_li_ol6[data-v-9866f74e] {
    width: 30%;
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5
}

.custom_task_active_suc_table_table_ul_li_ol7[data-v-9866f74e] {
    width: 40%;
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    color: #8d8d8d
}

.tz_close_left[data-v-9866f74e] {
    background: #e9e9e9;
    color: #606060
}

.tz_close_left[data-v-9866f74e], .tz_close_right[data-v-9866f74e] {
    height: 50px;
    width: 48%;
    opacity: 1;
    border-radius: 5px;
    line-height: 30px;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tz_close_right[data-v-9866f74e] {
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff;
    overflow: hidden
}

.normal_notice_zz[data-v-1e15e28a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.normal_wrapper[data-v-1e15e28a] {
    position: relative;
    background: #fff;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 10px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.normal_wrapper img[data-v-1e15e28a] {
    width: 100%
}

.div_middle[data-v-1e15e28a] {
    width: 90%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    margin-left: 5%
}

.normal_tz_info[data-v-1e15e28a] {
    margin-top: 20px;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #5e5e5e;
    opacity: 1;
    overflow-y: auto !important
}

.normal_tz_close[data-v-1e15e28a] {
    display: flex;
    height: 60px;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 20px
}

.tz_close_left[data-v-1e15e28a] {
    width: 48%;
    background: #e9e9e9;
    color: #606060
}

.tz_close_left[data-v-1e15e28a], .tz_close_right[data-v-1e15e28a] {
    height: 54px;
    opacity: 1;
    border-radius: 5px;
    line-height: 30px;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tz_close_right[data-v-1e15e28a] {
    width: 90%;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    font-size: 22px;
    color: #fff;
    overflow: hidden
}

.icon_question[data-v-1e15e28a] {
    width: 25px;
    height: 25px;
    border: 2px solid #a6a6a6;
    border-radius: 50%;
    color: #a6a6a6;
    background: #fff;
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    line-height: 18px
}

.rule_help[data-v-895b6410] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.rule_help_wrapper[data-v-895b6410] {
    position: relative;
    background: #fff;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 10px;
    width: 90%;
    height: 550px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.rule_help_title[data-v-895b6410] {
    width: 100%;
    height: 8%;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rule_help_content[data-v-895b6410] {
    width: 100%;
    height: 75%;
    background: #fff;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-content: center
}

.rule_help_content_tab[data-v-895b6410] {
    width: 100%;
    height: 10%;
    background: #ededed;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-around;
    align-content: center
}

.rule_help_content_tab_normal[data-v-895b6410] {
    background: #ededed;
    opacity: .5;
    color: #505050
}

.rule_help_content_tab_normal[data-v-895b6410], .rule_help_content_tab_sel[data-v-895b6410] {
    width: 24%;
    height: 85%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .31);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center
}

.rule_help_content_tab_sel[data-v-895b6410] {
    background: #fff;
    opacity: 1;
    color: #00b76f
}

.rule_help_content_tab_view[data-v-895b6410] {
    width: 100%;
    height: 87%
}

.rule_help_content_tab_view[data-v-895b6410], .rule_help_content_tab_view_room_time[data-v-895b6410] {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-start
}

.rule_help_content_tab_view_room_time[data-v-895b6410] {
    width: 96%;
    height: 100%;
    margin-left: 2%;
    margin-right: 2%
}

.rule_help_content_tab_view_room_time_span[data-v-895b6410] {
    margin-top: 7%;
    width: 100%;
    height: 16%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #393939;
    opacity: 1;
    text-align: left
}

.rule_help_content_tab_view_profit_multipe_span[data-v-895b6410] {
    margin-top: 7%;
    width: 100%;
    height: 11%;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #393939;
    opacity: 1;
    text-align: left
}

.rule_help_content_tab_view_room_time_div[data-v-895b6410] {
    margin-top: 10px;
    width: 100%;
    height: 77%
}

.rule_help_content_tab_view_room_time_div_table_header[data-v-895b6410] {
    width: 100%;
    height: 32px;
    background: #eff0fe;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #d5d8ec;
    overflow: hidden;
    text-align: center
}

.rule_help_content_tab_view_room_time_div_table_header span[data-v-895b6410] {
    height: 100%;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_room_time_div_table_body[data-v-895b6410] {
    width: 100%;
    height: 32px;
    background: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center
}

.rule_help_content_tab_view_room_time_div_table_body_div[data-v-895b6410] {
    height: 100%;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    color: #555;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_room_time_div_table_body_div_process[data-v-895b6410] {
    width: 93px;
    height: 12px;
    background: #f70;
    opacity: 1;
    border-radius: 5px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-left: 2px
}

.rule_help_content_tab_view_room_time_div_table_body_div_process_left[data-v-895b6410] {
    width: 70%;
    height: 100%;
    background: transparent;
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 12px;
    color: #fff
}

.rule_help_content_tab_view_room_time_div_table_body_div_process_right[data-v-895b6410] {
    width: 30%;
    height: 100%;
    background: #f22828;
    opacity: 1;
    border-radius: 0 5px 5px 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 12px;
    color: #fff
}

.rule_help_content_tab_view_service_fee_div_table_header[data-v-895b6410] {
    width: 100%;
    height: 64px;
    background: #eff0fe;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #d5d8ec;
    overflow: hidden;
    text-align: center;
    margin-top: 10px
}

.rule_help_content_tab_view_service_fee_div_table_header_div[data-v-895b6410], .rule_help_content_tab_view_service_fee_div_table_header span[data-v-895b6410] {
    height: 100%;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_service_fee_div_table_header_div[data-v-895b6410] {
    width: 76%;
    flex-direction: column;
    background: #eff0fe;
    border: 1px solid #d5d8ec
}

.rule_help_content_tab_view_service_fee_div_table_header_div_div[data-v-895b6410] {
    height: 50%;
    width: 100%
}

.rule_help_content_tab_view_service_fee_div_table_header_div_div[data-v-895b6410], .rule_help_content_tab_view_service_fee_div_table_header_div_div div[data-v-895b6410] {
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: #eff0fe
}

.rule_help_content_tab_view_service_fee_div_table_header_div_div div[data-v-895b6410] {
    height: 100%;
    width: 50%
}

.rule_help_content_tab_view_provit_multiple_div_table_header[data-v-895b6410] {
    width: 100%;
    height: 32px;
    background: #eff0fe;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #d5d8ec;
    overflow: hidden;
    text-align: center;
    margin-top: 10px
}

.rule_help_content_tab_view_provit_multiple_div_table_header span[data-v-895b6410] {
    height: 100%;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_provit_multiple_div_table_body_two_lines[data-v-895b6410] {
    width: 100%;
    height: 40px;
    background: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center
}

.rule_help_content_tab_view_provit_multiple_div_table_body_two_lines_div[data-v-895b6410] {
    height: 100%;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    color: #555;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_provit_multiple_div_table_body_two_lines_div_div[data-v-895b6410] {
    height: 50%;
    width: 100%;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    color: #555;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_provit_multiple_div_bottom_desc[data-v-895b6410] {
    margin-top: 5px;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #393939;
    opacity: 1
}

.rule_help_content_tab_view_profit_calc_div_table_body[data-v-895b6410] {
    width: 100%;
    background: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    flex-direction: column
}

.rule_help_content_tab_view_profit_calc_div_table_body_title[data-v-895b6410] {
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    color: #555;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center
}

.rule_help_content_profit_calculator_room_time[data-v-895b6410] {
    width: 96%;
    height: 100%;
    background: #fff;
    margin-left: 2%;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-start
}

.rule_help_content_profit_calculator_room_time_div[data-v-895b6410] {
    margin-top: 10px;
    width: 100%;
    height: 100%
}

.btn_center[data-v-895b6410] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px 0;
    box-sizing: border-box;
    margin-top: 5px;
    text-align: center
}

.btn_center button[data-v-895b6410] {
    width: 32%;
    border: 0;
    min-height: 40px;
    border-radius: 10px;
    padding: 2.7%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.btn_center button > div[data-v-895b6410] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-family: auto
}

.back_one[data-v-895b6410] {
    position: relative;
    margin-right: 2px;
    margin-left: 2px;
    background: #4caf50;
    color: #fff
}

.back_two[data-v-895b6410] {
    position: relative;
    background: #9c27b0;
    color: #fff
}

.back_three[data-v-895b6410] {
    position: relative;
    background: #f44336;
    color: #fff
}

.center_notes[data-v-895b6410] {
    margin-top: 5px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 5px;
    box-sizing: border-box
}

.center_notes li[data-v-895b6410] {
    width: 20%;
    display: flex;
    justify-content: center;
    position: relative
}

.center_notes li ol[data-v-895b6410] {
    display: inline-block;
    padding: 3px 0;
    width: 88%;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    border-radius: 10px;
    background: #ededed;
    border: 1px solid #dcdcdc;
    margin-bottom: 5px;
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.line_color_red_violet[data-v-895b6410] {
    border-left: 16px solid #df0909;
    border-right: 16px solid #7e0bc0;
    height: 3px;
    width: 3%;
    position: absolute;
    bottom: 9px
}

.line_color_green_violet[data-v-895b6410] {
    border-left: 16px solid #0bc048;
    border-right: 16px solid #7e0bc0;
    height: 3px;
    width: 3%;
    position: absolute;
    bottom: 9px
}

.line_color_red[data-v-895b6410] {
    width: 45%;
    height: 3px;
    position: absolute;
    bottom: 9px;
    color: #df0909;
    background: #df0909;
    border: 1px
}

.line_color_green[data-v-895b6410] {
    width: 45%;
    height: 3px;
    position: absolute;
    bottom: 9px;
    color: #0bc048;
    background: #0bc048;
    border: 1px
}

.rule_help_content_tab_view_profit_calc_div_table_body_slider[data-v-895b6410] {
    width: 100%;
    height: 70px;
    margin-top: 10px;
    flex-direction: row
}

.rule_help_content_tab_view_profit_calc_div_table_body_slider[data-v-895b6410], .rule_help_content_tab_view_profit_calc_div_table_body_slider_div[data-v-895b6410] {
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    color: #555;
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center
}

.rule_help_content_tab_view_profit_calc_div_table_body_slider_div[data-v-895b6410] {
    width: 50%;
    height: 100%;
    flex-direction: column
}

.rule_help_content_tab_view_profit_calc_div_table_body_slider_div_btn[data-v-895b6410] {
    height: 50%;
    justify-content: space-around
}

.rule_help_content_tab_view_profit_calc_div_table_body_slider_div_btn[data-v-895b6410], .rule_help_content_tab_view_profit_calc_div_table_body_Win[data-v-895b6410] {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    color: #555;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    text-align: center
}

.rule_help_content_tab_view_profit_calc_div_table_body_Win[data-v-895b6410] {
    height: 50px;
    justify-content: center;
    margin-top: 8px
}

.rule_help_content_tab_view_profit_calc_div_table_body_Win_div[data-v-895b6410] {
    width: 50%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    color: #555;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center
}

.rule_help_content_tab_view_profit_calc_div_table_body_Win_div_div[data-v-895b6410] {
    width: 97%;
    height: 80%;
    background: #eee;
    border: 1px solid #ccc;
    opacity: 1;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #ed7d31
}

.rule_help_bottom[data-v-895b6410] {
    width: 100%;
    height: 15%;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.long_btn[data-v-895b6410] {
    width: 80%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.choose_area[data-v-895b6410] {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px
}

.lose_two_share_award[data-v-1afc9ff4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    z-index: 10
}

.lose_two_share_award_wrapper[data-v-1afc9ff4] {
    position: relative;
    box-sizing: border-box;
    border-radius: 7px;
    height: 452px;
    width: 350px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.lose_two_share_award_wrapper_title[data-v-1afc9ff4] {
    margin-top: 16px;
    width: 100%;
    height: 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    text-align: center
}

.lose_two_share_award_wrapper_text[data-v-1afc9ff4] {
    margin-top: 10px;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 90%;
    color: #5e5e5e;
    opacity: .7;
    text-align: center
}

.double_sign_award_wrapper_close[data-v-1afc9ff4] {
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: -55px;
    left: 150px
}

.img_box[data-v-1afc9ff4] {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.hb_img_box[data-v-1afc9ff4] {
    width: 100%;
    position: relative
}

.hb_img_box img[data-v-1afc9ff4] {
    width: 100%
}

.hb_img_box .price[data-v-1afc9ff4] {
    width: 100%;
    text-align: center;
    font-size: 74px;
    font-weight: 400;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: #fffdb8;
    position: absolute;
    bottom: 34vw;
    left: 0
}

.hb_img_box .price span[data-v-1afc9ff4] {
    font-size: 32px
}

.hb_img_box .countdown[data-v-1afc9ff4] {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 32vw;
    left: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 20px
}

.hb_img_box .countdowntime[data-v-1afc9ff4] {
    width: 100%;
    text-align: center;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    position: absolute;
    bottom: 29vw;
    left: 0;
    font-size: 17px;
    font-weight: 300;
    color: #fffdb8;
    line-height: 0
}

.lt_share_btn[data-v-1afc9ff4] {
    position: absolute;
    width: 90%;
    height: 54px;
    bottom: 35px;
    left: 5%;
    justify-content: space-around
}

.long_btn[data-v-1afc9ff4], .lt_share_btn[data-v-1afc9ff4] {
    flex-direction: row;
    display: flex;
    align-items: center;
    align-content: center
}

.long_btn[data-v-1afc9ff4] {
    width: 45%;
    height: 45px;
    background: #0bc048;
    font-size: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 27px;
    justify-content: center
}

.notice[data-v-1afc9ff4], .notice span[data-v-1afc9ff4] {
    font-size: 30px
}

.redenvelopes_random_box_title[data-v-1afc9ff4] {
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    color: #7e7e7e;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 11px
}

.hid_span[data-v-71faa092] {
    height: 0
}

.show_span[data-v-71faa092] {
    height: 10px
}

.line_color_normal[data-v-71faa092] {
    height: 0
}

.line_color_red_violet[data-v-71faa092] {
    border-left: 16px solid #df0909;
    border-right: 16px solid #7e0bc0;
    height: 3px;
    width: 3%;
    position: absolute;
    bottom: 19px
}

.line_color_green_violet[data-v-71faa092] {
    border-left: 16px solid #0bc048;
    border-right: 16px solid #7e0bc0;
    height: 3px;
    width: 3%;
    position: absolute;
    bottom: 19px
}

.line_color_red[data-v-71faa092] {
    width: 45%;
    height: 3px;
    position: absolute;
    bottom: 19px;
    color: #df0909;
    background: #df0909;
    border: 1px
}

.line_color_green[data-v-71faa092] {
    width: 45%;
    height: 3px;
    position: absolute;
    bottom: 19px;
    color: #0bc048;
    background: #0bc048;
    border: 1px
}

.center_notes li:nth-child(2) span[data-v-71faa092], .center_notes li:nth-child(4) span[data-v-71faa092], .center_notes li:nth-child(6) span[data-v-71faa092]:first-child, .center_notes li:nth-child(8) span[data-v-71faa092], .center_notes li:nth-child(10) span[data-v-71faa092] {
    background: #0bc048;
    right: 2px
}

.center_notes li:first-child > span[data-v-71faa092], .center_notes li:nth-child(6) > span[data-v-71faa092] {
    background: #7e0bc0;
    right: 15px
}

.center_notes li:first-child span[data-v-71faa092]:first-child, .center_notes li:nth-child(3) span[data-v-71faa092], .center_notes li:nth-child(5) span[data-v-71faa092], .center_notes li:nth-child(7) span[data-v-71faa092], .center_notes li:nth-child(9) span[data-v-71faa092] {
    background: #df0909;
    right: 2px
}

.center_notes li span[data-v-71faa092] {
    content: "";
    position: absolute;
    bottom: 17px;
    width: 10px;
    border-radius: 50%;
    margin-right: 10%
}

.center_notes li small[data-v-71faa092] {
    position: absolute;
    bottom: 0;
    color: red
}

.win_page[data-v-71faa092] {
    padding-top: 50px;
    padding-bottom: 64px
}

.mine_top[data-v-71faa092] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    background-color: #fff
}

.mine_top .mine_info[data-v-71faa092] {
    width: 100%;
    background: #009688;
    border-radius: 2px;
    padding: 12px 8px 8px 8px;
    box-sizing: border-box
}

.balance[data-v-71faa092] {
    padding: 12px 0 15px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff
}

.roule_class[data-v-71faa092] {
    padding: 0 5px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: 0;
    border-radius: 2px;
    background: #f5f5f5;
    margin-right: 10px
}

.mine_info_btn .refresh img[data-v-71faa092] {
    width: 22px;
    height: 22px
}

.one_btn[data-v-71faa092] {
    background: #2196f3 !important;
    color: #fff !important
}

.main_nav_container[data-v-71faa092] {
    width: 100%
}

.main .main_nav[data-v-71faa092] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    height: 50px;
    background: #ededed
}

.main .main_nav li[data-v-71faa092] {
    width: 25%;
    height: 40px;
    margin: 0 2px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #505050;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(180deg, #ececec, #f5f5f5 0, #fff 80%, #d4d4d4);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .3)
}

.main .main_nav li.nav_record[data-v-71faa092] {
    width: 50%
}

.main .main_nav li.nav_record.active[data-v-71faa092] {
    background: #fff
}

.main .main_nav li.active[data-v-71faa092] {
    opacity: 1;
    color: #009688;
    background: #fafafa;
    box-shadow: 0 -4px 3px rgba(0, 0, 0, .07);
    font-size: 17px
}

.main .main_nav li.active2[data-v-71faa092] {
    width: 25%;
    height: 40px;
    margin: 0 2px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #009688;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(180deg, #ececec, #f5f5f5 0, #fff 80%, #d4d4d4);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .3)
}

.center_text[data-v-71faa092] {
    width: 100%;
    padding: 15px 0 5px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.center_top[data-v-71faa092] {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row
}

.center_top li[data-v-71faa092] {
    width: 50%
}

.center_top li .top_ol[data-v-71faa092] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 19px;
    color: #8c8c8c
}

.center_top li .top_ol img[data-v-71faa092] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.bot_ol[data-v-71faa092] {
    font-size: 22px;
    line-height: 30px;
    color: rgba(0, 0, 0, .87)
}

.right_li[data-v-71faa092] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end
}

.bot_ol .countdown .van-count-down[data-v-71faa092] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.bot_ol .countdown span[data-v-71faa092] {
    color: #0f1223;
    margin: 0 2px;
    font-size: 24px;
    line-height: 35px;
    font-weight: 800;
    width: 26px;
    text-align: center
}

.bot_ol .countdown .span[data-v-71faa092] {
    display: inline-block;
    padding: 5px 2px;
    border-radius: 10px;
    background: #ededed
}

li .btn_continue button[data-v-71faa092] {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 10px;
    border: 0;
    background: #ff9800;
    color: #fff;
    height: 64px
}

.btn_center[data-v-71faa092] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 0;
    box-sizing: border-box;
    margin-top: 12px;
    text-align: center
}

.novip_mask[data-v-71faa092] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .9
}

.novip_mask > img[data-v-71faa092] {
    width: 25px;
    opacity: .7
}

.btn_center_fushu[data-v-71faa092] {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0 15px 0;
    height: 15px;
    box-sizing: border-box;
    color: red
}

.btn_center_fushu span[data-v-71faa092] {
    width: 35%;
    text-align: center;
    color: red
}

.btn_center button[data-v-71faa092] {
    width: 32%;
    border: 0;
    min-height: 40px;
    border-radius: 10px;
    padding: 2.7%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.btn_center button > div[data-v-71faa092] {
    height: 100%;
    font-size: 15px;
    font-family: auto
}

.btn_center button > div[data-v-71faa092], .middle_center[data-v-71faa092] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.middle_center[data-v-71faa092] {
    align-content: center;
    position: relative
}

.center_text .rate[data-v-71faa092] {
    font-size: 14px;
    opacity: .5
}

.back_one[data-v-71faa092] {
    position: relative;
    margin-right: 2px;
    margin-left: 2px;
    background: #0bc048;
    color: #fff
}

.back_two[data-v-71faa092] {
    position: relative;
    background: #7e0bc0;
    color: #fff
}

.back_three[data-v-71faa092] {
    position: relative;
    background: #df0909;
    color: #fff
}

.center_notes[data-v-71faa092] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 3px;
    box-sizing: border-box
}

.center_notes li[data-v-71faa092] {
    width: 20%;
    display: flex;
    justify-content: center;
    position: relative
}

.center_notes li ol[data-v-71faa092] {
    display: inline-block;
    padding: 5px 0;
    width: 88%;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    border-radius: 10px;
    background: #ededed;
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.gray_interval[data-v-71faa092] {
    width: 100%;
    height: 12px;
    background: #ededed
}

.nav_content[data-v-71faa092] {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: #fff;
    margin-bottom: 15px;
    padding: 10px 5px
}

.content[data-v-71faa092] {
    background: #fafafa
}

.content_con[data-v-71faa092] {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: #fff;
    padding: 10px 5px
}

ul.record[data-v-71faa092] {
    clear: both;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

ul.record li[data-v-71faa092] {
    height: 55px;
    width: 10%;
    padding: 0
}

.content_title[data-v-71faa092] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #009587;
    padding: 0 0 12px
}

.content_title img[data-v-71faa092] {
    width: 20px;
    height: 20px
}

.content_title p[data-v-71faa092] {
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    margin-top: 10px
}

.parity[data-v-71faa092] {
    width: 100%
}

.parity table[data-v-71faa092] {
    width: 100%;
    border-collapse: collapse
}

.parity table th[data-v-71faa092] {
    width: 20%;
    height: 56px;
    line-height: 56px;
    color: rgba(0, 0, 0, .54);
    font-size: 12px;
    text-align: center
}

.parity table td[data-v-71faa092] {
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    text-align: center
}

.parity table tr[data-v-71faa092] {
    border-bottom: 1px solid #e0e0e0
}

.parity table tr td span[data-v-71faa092] {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px
}

.red[data-v-71faa092] {
    background: #df0909
}

.redcolor[data-v-71faa092] {
    color: #df0909
}

.purple[data-v-71faa092] {
    background: #7e0bc0
}

.green_violet[data-v-71faa092], .purplecolor[data-v-71faa092], .red_violet[data-v-71faa092] {
    color: #7e0bc0
}

.green[data-v-71faa092] {
    background: #0bc048
}

.greencolor[data-v-71faa092] {
    color: #0bc048
}

.bluecolor[data-v-71faa092] {
    color: #2197f3
}

.pagination[data-v-71faa092] {
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    margin-top: 16px
}

.pagination .page_box[data-v-71faa092] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-71faa092] {
    font-size: 14px;
    line-height: 19px;
    color: #393939
}

button.page_btn[data-v-71faa092] {
    width: 36%;
    height: 30px;
    background: #e4e7ff;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.myParity_info[data-v-71faa092], .page_btn .van-icon[data-v-71faa092] {
    font-size: 14px
}

.myParity_info span[data-v-71faa092] {
    margin-right: 20px
}

.success[data-v-71faa092] {
    color: #4caf50
}

.fail[data-v-71faa092] {
    color: #df0909
}

.waitcolor[data-v-71faa092] {
    color: #f39839
}

.myParity .myParity_title[data-v-71faa092] {
    color: #00b76f;
    font-size: 16px;
    padding-left: 5px
}

.myParity[data-v-71faa092] {
    background: #f2f2f2;
    padding: 15px 15px 15px 15px
}

.myParity ul li[data-v-71faa092] {
    width: 100%;
    display: flex;
    flex-direction: row;
    color: #656565;
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #e9e4e4
}

.myParity ul li[data-v-71faa092]:last-child {
    border: 0
}

.myParity ul li ol[data-v-71faa092] {
    width: 50%;
    text-align: left;
    color: #656565;
    font-size: 16px;
    padding-left: 5px;
    position: relative
}

.myParity_btn[data-v-71faa092] {
    margin-top: 15px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.myParity_btn button[data-v-71faa092] {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    background: #009688;
    color: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.orange[data-v-71faa092] {
    color: #f39839
}

.agree_zz[data-v-71faa092] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-71faa092] {
    overflow: hidden;
    position: relative
}

.agree_title[data-v-71faa092] {
    font-size: 24px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree span[data-v-71faa092], b[data-v-71faa092] {
    font-size: 14px
}

.content_agree[data-v-71faa092] {
    width: 100%;
    padding: 15px 15px 40px 15px;
    box-sizing: border-box;
    max-height: 120vw;
    overflow-y: scroll
}

.content_agree p[data-v-71faa092] {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    padding: 8px;
    box-sizing: border-box
}

.close_btn[data-v-71faa092] {
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-71faa092] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.btn_disable[data-v-71faa092] {
    color: #fff !important;
    background-color: #6b6b6b !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.table_loading[data-v-71faa092] {
    width: 100%;
    height: 2px;
    overflow: hidden;
    position: relative
}

.v-progress-linear__bar__indeterminate--active .short[data-v-71faa092] {
    -webkit-animation: indeterminate-short-data-v-71faa092;
    animation: indeterminate-short-data-v-71faa092;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.v-progress-linear__bar__indeterminate--active .long[data-v-71faa092] {
    -webkit-animation: indeterminate-data-v-71faa092;
    animation: indeterminate-data-v-71faa092;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.v-progress-linear__bar__indeterminate .long[data-v-71faa092], .v-progress-linear__bar__indeterminate .short[data-v-71faa092] {
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    will-change: left, right;
    width: auto;
    height: 2px;
    background-color: inherit
}

.primary[data-v-71faa092] {
    background-color: #9c27b0 !important;
    border-color: #7e0bc0 !important
}

@-webkit-keyframes indeterminate-data-v-71faa092 {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate-data-v-71faa092 {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@-webkit-keyframes indeterminate-short-data-v-71faa092 {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short-data-v-71faa092 {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

.mine_tongzhi[data-v-71faa092] {
    position: relative;
    margin: 5px 0
}

.mine_tongzhi p[data-v-71faa092] {
    padding-left: 36px;
    background-color: #bbdffb;
    line-height: 20px;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    font-size: 12px
}

.rolling_strip[data-v-71faa092] {
    display: inline-block;
    height: 100%;
    width: 95%;
    margin-left: 5%;
    text-align: center;
    align-items: center;
    color: red
}

.mine_laba[data-v-71faa092] {
    position: absolute;
    height: 34px;
    width: 34px;
    margin-top: 3px;
    padding-left: 3px
}

.notice_zz[data-v-71faa092] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.wrapper[data-v-71faa092] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-71faa092] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-71faa092] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto
}

.tz_close[data-v-71faa092] {
    justify-content: flex-end;
    padding: 8px 5px 8px 5px;
    box-sizing: border-box;
    text-align: center
}

.tz_close button[data-v-71faa092] {
    width: 100%
}

.tz_close_2 button[data-v-71faa092], .tz_close button[data-v-71faa092] {
    border-radius: 5px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    border: 0
}

.tz_close_2 button[data-v-71faa092] {
    float: right
}

.tz_close p[data-v-71faa092] {
    margin: 5% 0
}

.tz_close span[data-v-71faa092] {
    font-size: 14px;
    color: #767676
}

.button_pup[data-v-71faa092] {
    height: 40%;
    width: 100%;
    margin: 5% 0
}

.suoclass[data-v-71faa092] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 2px
}

.roule_class[data-v-71faa092] {
    width: 20%;
    line-height: 0;
    height: 25px;
    font-size: 12px;
    padding: 0;
    margin-right: 0;
    position: absolute;
    top: 20px;
    right: 20px
}

.roule_class_a[data-v-71faa092] {
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 25px;
    text-decoration: underline
}

.threebtn[data-v-71faa092] {
    background: #33cbba !important;
    color: #fff !important
}

.one_btn[data-v-71faa092] {
    position: relative
}

.one_btn img[data-v-71faa092] {
    height: 25px;
    width: 24.5px;
    vertical-align: middle;
    margin-right: 5px
}

.one_btn span[data-v-71faa092], .red_dian[data-v-71faa092] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0
}

.libao_class[data-v-71faa092] {
    position: absolute;
    right: 10px
}

.libao_class img[data-v-71faa092] {
    width: 48px;
    height: 48px
}

.libao_class span[data-v-71faa092] {
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 12px;
    color: #fff
}

.notice_left[data-v-71faa092] {
    display: flex;
    justify-content: center;
    align-items: center
}

.notice_left img[data-v-71faa092] {
    width: 50px
}

.notice_right[data-v-71faa092] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.forecast_div[data-v-71faa092] {
    color: #f27b21;
    font-size: 12px;
    line-height: 15px;
    margin: 5px 0
}

.forecast_div .yuce[data-v-71faa092] {
    color: #000 !important
}

p.yuce_info[data-v-71faa092] {
    display: flex;
    align-items: center
}

span.prediction_value[data-v-71faa092] {
    font-size: 12px;
    color: #f27b21
}

.forecast_div div[data-v-71faa092] {
    padding-left: 10px
}

.forecast_div .text_paomadeng_a p[data-v-71faa092], .forecast_div .text_paomadeng_a p span[data-v-71faa092], b[data-v-71faa092] {
    font-size: 12px
}

.xiazhu_color[data-v-71faa092] {
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px
}

.doudong[data-v-71faa092] {
    -webkit-animation: shake-data-v-71faa092 1.5s linear infinite;
    animation: shake-data-v-71faa092 1.5s linear infinite
}

@-webkit-keyframes shake-data-v-71faa092 {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

@keyframes shake-data-v-71faa092 {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

.tanchuang_fixed[data-v-71faa092] {
    position: fixed;
    bottom: 20%;
    z-index: 998
}

.enter_in[data-v-71faa092] {
    -webkit-animation: RTol-data-v-71faa092 1s;
    animation: RTol-data-v-71faa092 1s;
    right: 0
}

.enter_out[data-v-71faa092] {
    -webkit-animation: lToR-data-v-71faa092 1s;
    animation: lToR-data-v-71faa092 1s;
    right: -170px
}

.tanchuang_fixed img[data-v-71faa092] {
    width: 169px;
    height: 31.5px
}

@-webkit-keyframes RTol-data-v-71faa092 {
    0% {
        right: -170px
    }
}

@keyframes RTol-data-v-71faa092 {
    0% {
        right: -170px
    }
}

@-webkit-keyframes lToR-data-v-71faa092 {
    0% {
        right: 0
    }
}

@keyframes lToR-data-v-71faa092 {
    0% {
        right: 0
    }
}

.input_box[data-v-71faa092] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 35px;
    position: relative
}

.signinInfo[data-v-71faa092] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-71faa092] {
    padding: 10px 0 10px 20px
}

.sign_vipshow[data-v-71faa092] {
    margin-left: auto;
    width: 19.8% !important;
    height: 6% !important;
    margin-right: 0 !important
}

.nav_bar .icon_question[data-v-71faa092] {
    width: 25px;
    height: 25px;
    border: 2px solid #a6a6a6;
    border-radius: 50%;
    color: #a6a6a6;
    background: #fff;
    font-weight: 600;
    position: absolute;
    right: 50px;
    font-size: 15px;
    line-height: 18px
}

.nav_bar .hdrefresh[data-v-71faa092] {
    width: 25px;
    height: 25px;
    right: 10px;
    position: absolute;
    border-radius: 10px
}

.nav_bar .btn_reward[data-v-71faa092] {
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
    right: 90px;
    position: absolute;
    background: hsla(0, 0%, 100%, 0)
}

.nav_bar .btn_reward img[data-v-71faa092] {
    width: auto;
    height: 26px
}

.nav_bar .nav_right button img[data-v-71faa092] {
    margin-right: 0
}

.nav_bar[data-v-71faa092] {
    border-bottom: 0
}

div.record_td[data-v-71faa092] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.record_td div.record_title[data-v-71faa092] {
    font-size: 12px;
    line-height: 16px;
    color: #505050
}

div.record_body[data-v-71faa092] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 21px;
    color: #fff !important;
    background: #0bc048;
    box-shadow: 0 0 5px rgba(0, 0, 0, .43);
    display: flex;
    justify-content: center;
    align-items: center
}

div.record_body.red[data-v-71faa092] {
    background: #df0909
}

div.record_body.green[data-v-71faa092] {
    background: #0bc048;
    box-shadow: 0 0 5px rgba(0, 0, 0, .43)
}

div.record_body.violet[data-v-71faa092] {
    background: #7e0bc0
}

div.record_body.gray[data-v-71faa092] {
    background: #767676
}

div.record_body.green_violet[data-v-71faa092] {
    background: linear-gradient(90deg, #0bc048 0, #0bc048 50%, #7e0bc0 0)
}

div.record_body.red_violet[data-v-71faa092] {
    background: linear-gradient(90deg, #df0909 0, #df0909 50%, #7e0bc0 0)
}

div.more_records[data-v-71faa092] {
    height: 20px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px
}

.room_label[data-v-71faa092] {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start
}

.more_label[data-v-71faa092], .room_label[data-v-71faa092] {
    width: 50%;
    height: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    opacity: 1;
    display: flex
}

.more_label[data-v-71faa092] {
    font-size: 13px;
    font-weight: 400;
    color: #9c9c9c;
    justify-content: flex-end;
    align-items: center
}

button.more_records[data-v-71faa092] {
    width: 100%;
    height: 30px;
    margin: 10px 0;
    background: #e4e7ff;
    border: 0;
    font-size: 14px;
    line-height: 19px;
    color: #393939
}

.my_order_title[data-v-71faa092] {
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    letter-spacing: 1px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

div.order_record_body[data-v-71faa092], div.order_record_title[data-v-71faa092] {
    width: 100%
}

ul.order_record_body[data-v-71faa092], ul.order_record_title[data-v-71faa092] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 2.5px 0
}

ul.order_record_body.record_win[data-v-71faa092] {
    border-left: 2px solid #ffc400;
    background: #fffbd4
}

ul.order_record_body.record_lose[data-v-71faa092] {
    border-left: 2px solid #d4d4d4;
    background: #f2f2f2
}

ul.order_record_body li[data-v-71faa092], ul.order_record_title li[data-v-71faa092] {
    height: 21px;
    font-size: 15px;
    line-height: 21px;
    color: #979797;
    display: flex;
    justify-content: center;
    align-items: center
}

ul.order_record_body li[data-v-71faa092]:first-child, ul.order_record_title li[data-v-71faa092]:first-child {
    width: 20%
}

ul.order_record_body li[data-v-71faa092]:nth-child(2), ul.order_record_title li[data-v-71faa092]:nth-child(2) {
    width: 10%
}

ul.order_record_body li[data-v-71faa092]:nth-child(3), ul.order_record_title li[data-v-71faa092]:nth-child(3) {
    width: 25%
}

ul.order_record_body li[data-v-71faa092]:nth-child(4), ul.order_record_title li[data-v-71faa092]:nth-child(4) {
    width: 10%
}

ul.order_record_body li[data-v-71faa092]:nth-child(5), ul.order_record_title li[data-v-71faa092]:nth-child(5) {
    width: 30%;
    padding: 0 15px
}

ul.order_record_body li[data-v-71faa092]:nth-child(5) {
    justify-content: flex-end
}

ul.order_record_body li[data-v-71faa092] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    opacity: 1
}

ul.order_record_body li[data-v-71faa092], ul.order_record_body li div[data-v-71faa092], ul.order_record_body li span[data-v-71faa092] {
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.van-collapse-item[data-v-71faa092] i.van-icon.van-icon-arrow {
    display: none
}

.van-collapse-item[data-v-71faa092] .van-cell, .van-collapse-item[data-v-71faa092] .van-collapse-item__content {
    padding: 0
}

.van-collapse[data-v-71faa092] .van-collapse-item--border:after {
    position: inherit;
    border: 0
}

.touch_effect[data-v-71faa092] {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.touch_effect[data-v-71faa092]:active {
    opacity: .4 !important
}

.nav_left_balance[data-v-71faa092] {
    position: absolute;
    min-width: 28%;
    height: 33px;
    background: #fffaf3;
    opacity: 1;
    margin-left: 5px;
    padding-left: 9px;
    border: 1px solid rgba(203, 178, 156, .5490196078431373);
    top: 10px;
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start
}

.nav_left_balance_top[data-v-71faa092] {
    height: 45%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.nav_left_balance_title[data-v-71faa092] {
    font-size: 8px;
    color: #a47c59;
    opacity: .6;
    margin-left: 2px
}

.nav_left_balance_value[data-v-71faa092] {
    height: 55%;
    min-font-size: 12px;
    margin-left: 2px;
    margin-top: 2px;
    font-weight: 400;
    line-height: 13px;
    color: #000;
    opacity: 1
}

.main .nav_order_bar_main[data-v-71faa092] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: flex-end;
    height: 50px;
    background: #ededed;
    z-index: 2
}

/*	!* opacity: 0.7; *!*/
.active_order_normal[data-v-71faa092] {
    box-shadow: 0 0 5px rgba(0, 0, 0, .31);
    opacity: .5;
    line-height: 21px;
    color: #505050;
    background: linear-gradient(180deg, #ececec, #f5f5f5 0, #fff 80%, #d4d4d4);
    margin: 0 2px
}

.active_order_normal[data-v-71faa092], .active_order_sel[data-v-71faa092] {
    width: 49%;
    height: 40px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    text-align: center
}

.active_order_sel[data-v-71faa092] {
    background: #fff;
    opacity: 1;
    color: #00b76f;
    line-height: 40px
}

.win_to_rank[data-v-71faa092] {
    position: fixed;
    width: 65px;
    height: 70px;
    left: 0;
    top: 56%
}

.btn_to_verity[data-v-71faa092] {
    position: absolute;
    width: 70px;
    height: 26px;
    border: 1px solid #0bc048;
    opacity: 1;
    border-radius: 15px;
    font-size: 13px;
    line-height: 45px;
    color: #0bc048;
    right: -10px;
    align-content: center
}

.btn_to_verity[data-v-71faa092], .notice_fg[data-v-71faa092] {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.notice_fg[data-v-71faa092] {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    flex-direction: column;
    align-content: flex-start;
    z-index: 10
}

.notice_fg_wrapper[data-v-71faa092] {
    width: 90%;
    height: 550px;
    position: relative
}

.notice_fg_wrapper_div[data-v-71faa092] {
    height: 463px;
    margin-top: 70px
}

.notice_fg_wrapper_div_in[data-v-71faa092] {
    width: 100%;
    height: 100%;
    position: relative
}

.notice_fg_wrapper_div_in_img[data-v-71faa092] {
    width: 100%;
    height: 100%
}

.notice_fg_wrapper_div_in_recharge[data-v-71faa092] {
    width: 80%;
    left: 10%;
    bottom: 30px;
    height: 50px;
    background: linear-gradient(1turn, #ffb15a, #ffe284);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 27px;
    position: absolute;
    border: 0;
    font-size: 20px;
    line-height: 0;
    color: #650000;
    text-align: center
}

.notice_fg_wrapper_div_close[data-v-71faa092] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 10px
}

.diwali_box {
    position: absolute;
    height: 14px !important;
    font-size: 12px;
    padding: 2px 6px;
    line-height: 14px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(278deg, #ff0090, #9010ff)
}

.redgreenrecords[data-v-f7c7d300] {
    height: 100%;
    display: flex
}

div.nav_bar[data-v-f7c7d300] {
    height: 50px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-f7c7d300], .nav_middle[data-v-f7c7d300], .nav_right[data-v-f7c7d300] {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

div.nav_bar button[data-v-f7c7d300] {
    border: 0;
    width: 100%;
    background: transparent
}

.nav_bar .nav_left[data-v-f7c7d300] {
    display: flex;
    align-items: center;
    width: 50px
}

.nav_bar .nav_left img[data-v-f7c7d300] {
    margin-left: 10px;
    width: 25px
}

.nav_bar .nav_middle[data-v-f7c7d300] {
    display: flex;
    align-items: center
}

.nav_bar .nav_middle img[data-v-f7c7d300] {
    height: 33px
}

.nav_bar .nav_right[data-v-f7c7d300] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50px
}

.nav_bar .icon_question[data-v-f7c7d300] {
    width: 25px;
    height: 25px;
    border: 2px solid #a6a6a6;
    border-radius: 50%;
    color: #a6a6a6;
    background: #fff;
    font-weight: 600;
    position: absolute;
    right: 40px
}

.nav_bar .nav_right img[data-v-f7c7d300] {
    width: 25px;
    margin-right: 10px
}

div.record_container[data-v-f7c7d300] {
    width: 100%;
    height: 100%;
    padding: 60px 5px 0 5px
}

.record_body[data-v-f7c7d300], .record_header[data-v-f7c7d300] {
    width: 100%
}

.record_body ul[data-v-f7c7d300], .record_header ul[data-v-f7c7d300] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.record_body ul[data-v-f7c7d300] {
    height: 40px;
    background: #f2f2f2;
    margin-bottom: 5px
}

.record_body ul li[data-v-f7c7d300], .record_header ul li[data-v-f7c7d300] {
    display: flex;
    justify-content: center;
    align-items: center
}

.record_body ul li[data-v-f7c7d300]:first-child, .record_header ul li[data-v-f7c7d300]:first-child {
    width: 40%
}

.record_body ul li[data-v-f7c7d300]:last-child, .record_header ul li[data-v-f7c7d300]:last-child {
    width: 30%
}

.record_header ul li[data-v-f7c7d300] {
    font-size: 16px;
    line-height: 21px;
    color: #979797;
    padding: 5px 0;
    opacity: 1
}

div.badge_body[data-v-f7c7d300] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 21px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center
}

div.badge_body.red[data-v-f7c7d300] {
    background: #df0909
}

div.badge_body.green[data-v-f7c7d300] {
    background: #0bc048
}

div.badge_body.violet[data-v-f7c7d300] {
    background: #7e0bc0
}

div.badge_body.green_violet[data-v-f7c7d300] {
    background: linear-gradient(90deg, #0bc048 0, #0bc048 50%, #7e0bc0 0)
}

div.badge_body.red_violet[data-v-f7c7d300] {
    background: linear-gradient(90deg, #df0909 0, #df0909 50%, #7e0bc0 0)
}

.footer[data-v-7553d3ee] {
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12);
    z-index: 2
}

.nav_foot[data-v-7553d3ee] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 3
}

.nav_foot li[data-v-7553d3ee] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.nav_foot li img[data-v-7553d3ee] {
    width: 22px;
    height: 22px
}

.nav_foot li span[data-v-7553d3ee] {
    color: #868f8b;
    font-size: 12px;
    margin-top: 3px
}

.active span[data-v-7553d3ee] {
    color: #009688 !important
}

.big_circle[data-v-7553d3ee] {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.big_circle img[data-v-7553d3ee] {
    width: 50px !important;
    height: 50px !important
}

.center_item[data-v-7553d3ee] {
    overflow: visible;
    margin-top: -28px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.tip[data-v-7553d3ee] {
    background: red;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    top: 10%;
    right: 25%;
    position: absolute;
    color: #fff;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.diwali_box[data-v-7553d3ee] {
    position: absolute;
    top: -12px;
    right: -3px;
    height: 14px !important;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(278deg, #ff0090, #9010ff)
}

.app-service-box[data-v-566d7ab4] {
    position: relative;
    height: 106px;
    width: 48px
}

.app-display_none[data-v-566d7ab4] {
    display: none
}

.app-service-box-none[data-v-566d7ab4], .app-service-box[data-v-566d7ab4] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    max-width: 100px;
    height: 18vw;
    max-height: 100px;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.app-service-box-none[data-v-566d7ab4] {
    background-image: none;
    background-color: #999
}

.app-service-box-item[data-v-566d7ab4] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    max-width: 100px;
    height: 18vw;
    max-height: 100px;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #f7dec3, #009688);
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.app-service-box-div[data-v-566d7ab4] {
    height: 106px;
    width: 48px;
    position: absolute;
    left: 0;
    top: -13px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.app-service-box-div div[data-v-566d7ab4] {
    width: 100%;
    height: 50%
}

.app-service-box-icon[data-v-566d7ab4] {
    height: 106px;
    width: 48px
}

.app-service-box-title[data-v-566d7ab4] {
    font-size: 12px;
    color: #fff
}

.Version_cover[data-v-23c91eaf] {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000
}

.Version_cover .center_box[data-v-23c91eaf] {
    width: 80%;
    height: 5.333333rem;
    border-radius: .533333rem;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Version_cover h1[data-v-23c91eaf] {
    width: 100%;
    text-align: center;
    font-size: .4rem;
    font-weight: 700;
    padding: .266666rem 0;
    margin-top: 20%;
    font-size: 18px
}

.Version_cover .explain[data-v-23c91eaf] {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 2.533333rem;
    padding: 0 .4rem;
    box-sizing: border-box;
    font-size: .266666rem;
    opacity: .9;
    text-align: center
}

.Version_cover .btn[data-v-23c91eaf] {
    width: 80%;
    height: 1.066666rem;
    background: #ff4500;
    border-radius: .533333rem;
    font-size: .4rem;
    color: #fff;
    line-height: 1.066666rem;
    text-align: center;
    letter-spacing: 1px;
    position: absolute;
    bottom: .266666rem;
    left: 50%;
    transform: translateX(-50%)
}

.notice_zz[data-v-067243c6] {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 99
}

.wrapper[data-v-067243c6] {
    top: 60px;
    left: 2%;
    right: 2%;
    height: 510px;
    opacity: 1;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    width: 96%
}

.theme_top[data-v-067243c6] {
    width: 100%;
    margin-top: 17px;
    margin-bottom: 17px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.theme_setting_span[data-v-067243c6] {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1;
    padding-left: 12px
}

.theme_setting_image_div[data-v-067243c6] {
    height: 280px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center
}

.theme_setting_image_div_out_sel[data-v-067243c6] {
    background: #0bc048
}

.theme_setting_image_div_out_normal[data-v-067243c6], .theme_setting_image_div_out_sel[data-v-067243c6] {
    height: 278px;
    width: 166px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center
}

.theme_setting_image_div_out_normal[data-v-067243c6] {
    background: #e9e9e9
}

.theme_setting_image_div_theme_img[data-v-067243c6] {
    height: 95%;
    width: 92%
}

.theme_setting_select_div[data-v-067243c6] {
    height: 65px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 5px
}

.theme_setting_select_div_content[data-v-067243c6] {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center
}

.theme_content_span[data-v-067243c6] {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #3a3a44;
    letter-spacing: 1px;
    opacity: 1
}

.theme_setting_select_div_content_sel[data-v-067243c6] {
    width: 29px;
    height: 29px;
    background: #0bc048;
    border-radius: 50%;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center
}

.theme_setting_select_div_content_normal[data-v-067243c6] {
    width: 29px;
    height: 29px;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    opacity: 1
}

.theme_save[data-v-067243c6] {
    margin-top: 15px;
    width: 90%;
    height: 54px;
    background: #0bc048;
    border: 0;
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.theme_close[data-v-067243c6] {
    width: 20px;
    height: 20px;
    right: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    padding-right: 12px
}

.app_download[data-v-d4bf5786], .app_download img[data-v-d4bf5786] {
    width: 100%;
    height: 50px
}

.normal_notice_zz[data-v-37d07a78] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.normal_wrapper[data-v-37d07a78] {
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    height: 520px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.normal_tz_title[data-v-37d07a78] {
    position: relative;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    color: #000;
    opacity: 1
}

.normal_tz_info[data-v-37d07a78] {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #a2a2a2;
    opacity: 1;
    width: 96%;
    margin-left: 2%
}

.normal_tz_close[data-v-37d07a78] {
    display: flex;
    height: 60px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px
}

.tz_close_left[data-v-37d07a78] {
    width: 40%;
    background: #e9e9e9;
    color: #606060
}

.tz_close_left[data-v-37d07a78], .tz_close_right[data-v-37d07a78] {
    height: 54px;
    opacity: 1;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    border: 0
}

.tz_close_right[data-v-37d07a78] {
    width: 55%;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff
}

.new_table[data-v-37d07a78] {
    width: 96%;
    margin-left: 2%;
    background: #fff;
    padding: 15px 0 15px;
    box-sizing: border-box
}

.new_table .table_ul[data-v-37d07a78] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.new_table .table_ul table_head[data-v-37d07a78] {
    border-right: 1px solid #ccc;
    border-radius: 6px;
    background: #eff0fe;
    opacity: 1;
    overflow: hidden;
    border: 1px solid #d5d8ec
}

.new_table .table_ul .table_head ol[data-v-37d07a78] {
    font-size: 12px;
    font-weight: 700
}

.new_table .table_ul .table_body[data-v-37d07a78] {
    font-size: 12px
}

.new_table .table_ul li[data-v-37d07a78] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-37d07a78] {
    width: 33%;
    text-align: center;
    line-height: 23px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.vip_help_content_tab[data-v-37d07a78] {
    width: 100%;
    height: 50px;
    background: #ededed;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    align-content: center;
    margin-top: 10px
}

.vip_help_content_tab_normal[data-v-37d07a78] {
    background: #ededed;
    box-shadow: 0 0 5px rgba(0, 0, 0, .31);
    opacity: .5;
    color: #505050
}

.vip_help_content_tab_normal[data-v-37d07a78], .vip_help_content_tab_sel[data-v-37d07a78] {
    width: 32%;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center
}

.vip_help_content_tab_sel[data-v-37d07a78] {
    background: #fff;
    opacity: 1;
    color: #00b76f
}

.vip_withdraw_quota[data-v-37d07a78] {
    width: 95%;
    background: #fff;
    opacity: 1;
    margin-left: 2.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.normal_notice_zz[data-v-28644a22] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.notice_normal_wrapper[data-v-28644a22] {
    height: 550px;
    background: #eee;
    box-sizing: border-box;
    border-radius: 10px;
    width: 90%;
    align-items: flex-start
}

.notice_div_top[data-v-28644a22], .notice_normal_wrapper[data-v-28644a22] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center
}

.notice_div_top[data-v-28644a22] {
    width: 100%;
    align-items: center;
    height: 200px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(180deg, #00b66f, #00a879 46%, #30d292);
    opacity: 1
}

.notice_div_top_span_one[data-v-28644a22] {
    margin-top: 10px;
    width: 100%;
    height: 45px;
    font-size: 42px;
    line-height: 58px;
    color: #fff;
    font-weight: 700;
    opacity: 1;
    text-align: center
}

.notice_div_top_span_two[data-v-28644a22] {
    margin-top: 10px;
    width: 100%;
    height: 20px;
    font-size: 14px;
    line-height: 19px;
    color: #33e2a8;
    opacity: 1;
    text-align: center
}

.notice_div_top img[data-v-28644a22] {
    position: absolute;
    top: 25px;
    left: 5%;
    width: 90%
}

.notice_div_middle[data-v-28644a22] {
    position: absolute;
    left: 0;
    top: 133px;
    width: 90%;
    height: 333px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
    margin-left: 5%;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 2px
}

.notice_div_middle_div[data-v-28644a22] {
    width: 100%;
    height: 20px;
    margin-top: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin-left: 20px
}

.notice_div_middle_div_img[data-v-28644a22] {
    width: 16px;
    height: 16px
}

.notice_div_middle_div_span[data-v-28644a22] {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 27px;
    color: #3a3a44;
    opacity: 1
}

.long_btn[data-v-28644a22] {
    position: absolute;
    height: 45px;
    bottom: 20px;
    display: flex;
    width: 90%;
    left: 5%;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: #ff8921;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 2px
}

.notice_zz_order[data-v-923627fe] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    justify-content: center
}

.notice_zz_order[data-v-923627fe], .wrapper_short[data-v-923627fe] {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start
}

.wrapper_short[data-v-923627fe] {
    background: #fff;
    box-sizing: border-box;
    border-radius: 9px;
    height: 500px;
    width: 92%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    justify-content: flex-start
}

.top_title[data-v-923627fe] {
    margin-top: 0;
    width: 100%;
    height: 58px
}

.top_title_span[data-v-923627fe] {
    position: absolute;
    height: 58px;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    font-size: 26px;
    line-height: 37px;
    color: #fff;
    opacity: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.sign_in_out[data-v-923627fe] {
    width: 100%;
    height: 261px;
    background: linear-gradient(180deg, #ff6c1c, #ff2500);
    opacity: 1;
    border-radius: 0;
    flex-direction: column
}

.line_ver[data-v-923627fe], .sign_in_out[data-v-923627fe] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center
}

.line_ver[data-v-923627fe] {
    width: 96%;
    height: 112px
}

.line_item[data-v-923627fe] {
    position: relative;
    width: 77px;
    height: 112px;
    background: linear-gradient(180deg, #fff, #fff6cf);
    border-radius: 7px 7px 7px 7px;
    flex-direction: column;
    justify-content: flex-start
}

.line_item[data-v-923627fe], .line_item_top[data-v-923627fe] {
    opacity: 1;
    display: flex;
    align-items: center;
    align-content: center
}

.line_item_top[data-v-923627fe] {
    background: linear-gradient(180deg, #fff, #ffd194);
    color: #93433f
}

.line_item_top[data-v-923627fe], .line_item_top_gray[data-v-923627fe] {
    width: 100%;
    height: 23px;
    border-radius: 7px 7px 0 0;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 0
}

.line_item_top_gray[data-v-923627fe] {
    background: linear-gradient(180deg, #fff, #d7d7d7 52%, #b2b2b2);
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    color: #7d7d7d;
    text-align: center
}

.line_item_middle[data-v-923627fe] {
    height: 65px;
    opacity: 1;
    border-radius: 7px 7px 0 0
}

.line_item_bottom[data-v-923627fe], .line_item_middle[data-v-923627fe] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.line_item_bottom[data-v-923627fe] {
    position: relative;
    height: 20px;
    text-align: center
}

.line_item_bottom_span[data-v-923627fe] {
    font-size: 14px;
    font-weight: 400;
    line-height: 0;
    color: #93433f;
    opacity: 1
}

.line_item_bottom_span_gray[data-v-923627fe] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0;
    color: #6b6b6b
}

.line_item_gray[data-v-923627fe] {
    background: linear-gradient(180deg, #fff, #d8d8d8);
    opacity: 1
}

.line_item_gray[data-v-923627fe], .line_item_opacity[data-v-923627fe] {
    position: relative;
    width: 77px;
    height: 112px;
    border-radius: 7px 7px 7px 7px
}

.line_item_opacity[data-v-923627fe] {
    background: rgba(255, 246, 207, .65);
    opacity: .65
}

.line_item_big[data-v-923627fe] {
    width: 154px;
    height: 112px;
    background: linear-gradient(180deg, #fff, #fff6cf);
    opacity: 1;
    border-radius: 7px 7px 7px 7px
}

.line_item_big_opacity[data-v-923627fe] {
    width: 154px;
    height: 112px;
    background: rgba(255, 246, 207, .65);
    border-radius: 7px 7px 7px 7px;
    opacity: .65
}

.line_item_big_gray[data-v-923627fe] {
    width: 154px;
    height: 112px;
    background: linear-gradient(180deg, #fff, #d8d8d8);
    opacity: 1;
    border-radius: 7px 7px 7px 7px
}

.long_btn[data-v-923627fe] {
    height: 54px;
    width: 84%;
    margin-top: 30px;
    flex-direction: column;
    align-content: center;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.long_btn[data-v-923627fe], .tip[data-v-923627fe] {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1
}

.tip[data-v-923627fe] {
    width: 24px;
    height: 22px;
    background: linear-gradient(229deg, #dd4eff, #ff0404);
    border-radius: 13px;
    top: 10%;
    right: 25%;
    position: absolute;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0;
    color: #fff
}

.exter_bonus[data-v-923627fe] {
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.exter_bonus_left[data-v-923627fe] {
    width: 60%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.exter_bonus_content[data-v-923627fe] {
    width: 100%;
    height: 30%;
    position: relative;
    margin-top: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.exter_bonus_content_span[data-v-923627fe] {
    height: 28px;
    font-size: 21px;
    font-weight: 400;
    line-height: 0;
    color: #ff5700;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.exter_bonus_content_btn[data-v-923627fe] {
    background: #0bc048
}

.exter_bonus_content_btn[data-v-923627fe], .exter_bonus_content_btn_gray[data-v-923627fe] {
    height: 23px;
    width: 69px;
    opacity: 1;
    border-radius: 10px;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 0;
    color: #fff;
    margin-left: 8px
}

.exter_bonus_content_btn_gray[data-v-923627fe] {
    background: #d8d8d8
}

.exter_bonus_right[data-v-923627fe] {
    width: 43%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #93433f;
    opacity: 1;
    line-height: 23px;
    text-align: left
}

.signin_bottom[data-v-923627fe] {
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.signin_bottom_info[data-v-923627fe] {
    width: 92%;
    height: 54px;
    background: #e9e9e9;
    opacity: 1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.signin_bottom_info_left[data-v-923627fe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 60%;
    height: 100%
}

.signin_bottom_info_left_span[data-v-923627fe] {
    width: 100%;
    height: 50%;
    margin-left: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    color: grey;
    font-size: 15px
}

.signin_bottom_info_right[data-v-923627fe] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 40%;
    height: 100%
}

.signin_bottom_info_right_btn[data-v-923627fe] {
    background: #0bc048
}

.signin_bottom_info_right_btn[data-v-923627fe], .signin_bottom_info_right_btn_gray[data-v-923627fe] {
    width: 124px;
    opacity: 1;
    border: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 0;
    color: #fff;
    margin-left: 8px;
    height: 54px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.signin_bottom_info_right_btn_gray[data-v-923627fe] {
    background: #d8d8d8
}

.notice_zz_suc[data-v-923627fe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-923627fe] {
    background: #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100px;
    width: 66%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .8;
    z-index: 99
}

.amount_txt[data-v-923627fe] {
    height: 66%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    opacity: 1
}

.amount_txt_tip[data-v-923627fe] {
    height: 34%;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 1
}

.double_sign_award[data-v-246e46e5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    z-index: 10
}

.double_sign_award_wrapper[data-v-246e46e5] {
    position: relative;
    box-sizing: border-box;
    border-radius: 7px;
    height: 460px;
    width: 320px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: hsla(0, 0%, 100%, 0);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.double_sign_award_wrapper_img[data-v-246e46e5] {
    position: absolute;
    height: 548px;
    top: -115px;
    left: -13px;
    border-radius: 5px
}

.double_sign_award_wrapper_content[data-v-246e46e5] {
    width: 88%;
    height: 548px;
    position: absolute;
    top: -110px;
    left: 6%;
    flex-direction: column;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start
}

.double_sign_award_wrapper_content_sigin_bonus[data-v-246e46e5] {
    height: 46%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 300;
    line-height: 40px;
    color: #fffdb8;
    opacity: 1;
    text-align: center
}

.double_sign_award_wrapper_content_win_win[data-v-246e46e5] {
    width: 100%;
    height: 40px;
    font-size: 26px;
    font-weight: 500;
    line-height: 35px;
    color: #000;
    opacity: 1;
    text-align: left
}

.double_sign_award_wrapper_content_share_desc[data-v-246e46e5] {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #9a9a9a;
    opacity: 1;
    text-align: left
}

.double_sign_award_wrapper_content_share_btn[data-v-246e46e5] {
    width: 100%;
    height: 60px;
    flex-direction: row;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start
}

.double_sign_award_wrapper_content_share_btn div[data-v-246e46e5] {
    width: 50%;
    height: 100%;
    flex-direction: row;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    font-size: 14px;
    font-weight: 400;
    line-height: 0;
    color: #000
}

.double_sign_award_wrapper_content_share_btn div img[data-v-246e46e5] {
    height: 46px
}

.long_btn[data-v-246e46e5] {
    width: 201px;
    height: 44px;
    margin-top: 20px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 27px
}

.double_sign_award_wrapper_content_receieve_one_times[data-v-246e46e5], .long_btn[data-v-246e46e5] {
    font-size: 20px;
    flex-direction: row;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.double_sign_award_wrapper_content_receieve_one_times[data-v-246e46e5] {
    width: 100%;
    margin-top: 15px;
    height: 28px;
    font-weight: 300;
    line-height: 22px;
    color: #9a9a9a;
    text-decoration: underline;
    opacity: .7
}

.double_sign_award_wrapper_close[data-v-246e46e5] {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -50px;
    left: 129px
}

.notice_zz[data-v-3da5af30] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 2
}

.transparent_div[data-v-3da5af30] {
    height: 40%;
    width: 100%;
    opacity: 0
}

.wrapper[data-v-3da5af30] {
    height: 60%;
    background: #f5f5f5;
    padding: 15px;
    box-sizing: border-box;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.invite_code_title_out[data-v-3da5af30] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 10%
}

.invite_code_title[data-v-3da5af30] {
    width: 100%;
    height: 26px;
    font-size: 19px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 26px;
    color: #a1a1a1;
    opacity: 1;
    display: flex;
    justify-content: center
}

.invite_code_out[data-v-3da5af30] {
    height: 15%
}

.invite_code[data-v-3da5af30], .invite_code_out[data-v-3da5af30] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.invite_code[data-v-3da5af30] {
    height: 56px;
    font-size: 41px;
    font-family: Alibaba PuHuiTi;
    font-weight: 700;
    line-height: 56px;
    color: #000;
    opacity: 1
}

.invite_desc_out[data-v-3da5af30] {
    height: 25%
}

.invite_desc[data-v-3da5af30], .invite_desc_out[data-v-3da5af30] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.invite_desc[data-v-3da5af30] {
    height: 89px;
    background: #f1f1f1;
    opacity: 1;
    border-radius: 5px;
    font-size: 16px;
    padding-right: 13px;
    padding-left: 13px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 25px;
    color: #6b6b6b
}

.invite_btn_out[data-v-3da5af30] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 15%;
    padding-top: 15px
}

.long_btn[data-v-3da5af30] {
    width: 100%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    padding-right: 13px;
    padding-left: 13px
}

.invite_share_out[data-v-3da5af30] {
    flex-direction: column;
    height: 45%
}

.invite_share_out[data-v-3da5af30], .share_label[data-v-3da5af30] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.share_label[data-v-3da5af30] {
    height: 35%;
    font-size: 19px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 26px;
    color: #a1a1a1;
    opacity: 1;
    padding-top: 6px
}

.social_share[data-v-3da5af30] {
    height: 65%;
    width: 100%;
    flex-direction: row
}

.social_item_out[data-v-3da5af30], .social_share[data-v-3da5af30] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.social_item_out[data-v-3da5af30] {
    width: 20%;
    flex-direction: column
}

.social_item_img[data-v-3da5af30] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    display: inline-block
}

.social_item_img[data-v-3da5af30], .social_item_label[data-v-3da5af30] {
    opacity: 1;
    justify-content: center;
    align-items: center;
    align-content: center
}

.social_item_label[data-v-3da5af30] {
    height: 17px;
    font-size: 11px;
    font-family: PingFang SC;
    font-weight: 300;
    line-height: 17px;
    color: #b2b2b2;
    padding-top: 5px;
    display: flex
}

.main[data-v-084df0ac] {
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: #fff;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.main img[data-v-084df0ac] {
    width: 100%
}

.btn[data-v-084df0ac] {
    margin-top: 25px;
    text-align: center;
    padding-bottom: 24px
}

.btn button[data-v-084df0ac] {
    border: none;
    outline: none;
    font-size: 22px;
    color: #fff;
    background: #1890ff;
    padding: 12px 24px;
    border-radius: 24px
}

.mine[data-v-c2d70f6e] {
    width: 100%;
    padding-bottom: 64px;
    background: #fff
}

.mine_top_card_vip[data-v-c2d70f6e] {
    width: 92%;
    margin-top: 12px;
    margin-left: 4%;
    height: 51px;
    opacity: 1;
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.mine_top_card_vip_img[data-v-c2d70f6e], .mine_top_card_vip_in[data-v-c2d70f6e] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0
}

.mine_top_card_vip_in[data-v-c2d70f6e] {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    top: 0
}

.mine_top_card_vip_in_main[data-v-c2d70f6e] {
    width: 35%;
    height: 90%;
    position: relative
}

.mine_top_card_vip_in_main[data-v-c2d70f6e], .mine_top_card_vip_in_main_left[data-v-c2d70f6e] {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column
}

.mine_top_card_vip_in_main_left[data-v-c2d70f6e] {
    width: 100%;
    height: 38%;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 15px
}

.mine_top_card_vip_in_main_left img[data-v-c2d70f6e] {
    width: 16px;
    height: 19px
}

.mine_top_card_vip_in_round_img[data-v-c2d70f6e] {
    width: 58px;
    height: 58px;
    margin-bottom: 2px
}

.mine_top_card_vip_in_round[data-v-c2d70f6e] {
    width: 25%;
    height: 100%;
    align-items: center
}

.mine_top_card[data-v-c2d70f6e], .mine_top_card_vip_in_round[data-v-c2d70f6e] {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column
}

.mine_top_card[data-v-c2d70f6e] {
    width: 92%;
    margin-top: 10px;
    margin-left: 4%;
    height: 224px;
    background: linear-gradient(180deg, #00b76f, #00a87a);
    border-radius: 15px 15px 15px 15px;
    opacity: 1;
    align-items: flex-start;
    position: relative
}

.mine_top_card_title[data-v-c2d70f6e] {
    width: 94%;
    margin-left: 3%;
    height: 17%;
    opacity: 1;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff
}

.mine_top_card_title_img_ring[data-v-c2d70f6e] {
    position: absolute;
    width: 30px;
    right: 7px;
    top: -1px
}

.mine_top_card_title_img[data-v-c2d70f6e] {
    position: absolute;
    width: 52px;
    right: 7px;
    top: 14px
}

.mine_top_card_info[data-v-c2d70f6e] {
    width: 94%;
    margin-left: 3%;
    height: 80%;
    position: relative
}

.mine_top_card_info[data-v-c2d70f6e], .mine_top_card_info_in[data-v-c2d70f6e] {
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.mine_top_card_info_in[data-v-c2d70f6e] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0
}

.mine_top_card_info_back_img[data-v-c2d70f6e] {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.mine_top_card_info_top[data-v-c2d70f6e] {
    width: 100%;
    height: 70%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column
}

.mine_top_card_info_line_hx[data-v-c2d70f6e] {
    width: 100%;
    height: 0;
    opacity: .8;
    margin-top: 10px;
    border: 1px solid #fff
}

.mine_top_card_info_top_moblie[data-v-c2d70f6e] {
    height: 30%;
    font-size: 20px;
    line-height: 25px;
    flex-direction: column;
    position: relative
}

.mine_top_card_info_top_moblie[data-v-c2d70f6e], .mine_top_card_info_top_money[data-v-c2d70f6e] {
    width: 100%;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.mine_top_card_info_top_money[data-v-c2d70f6e] {
    height: 40%;
    font-size: 32px;
    line-height: 34px;
    flex-direction: row
}

.mine_top_card_info_top_money img[data-v-c2d70f6e] {
    width: 34px;
    margin-right: 5px
}

.mine_top_card_info_top_others[data-v-c2d70f6e] {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    font-size: 16px;
    font-weight: 400;
    color: #98ffd7;
    line-height: 18px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.mine_top_card_info_top_others_span[data-v-c2d70f6e] {
    border-bottom: 1px solid #f4ea2a
}

.mine_top_card_info_top_others_img[data-v-c2d70f6e] {
    width: 25px;
    height: 25px;
    position: absolute;
    right: -25px;
    top: -13px
}

.mine_top_card_info_bottom[data-v-c2d70f6e] {
    width: 100%;
    height: 22%
}

.mine_top_card_info_bottom[data-v-c2d70f6e], .mine_top_card_info_bottom_div[data-v-c2d70f6e] {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: row
}

.mine_top_card_info_bottom_div[data-v-c2d70f6e] {
    width: 49%;
    height: 100%;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    line-height: 20px
}

.mine_top_card_info_bottom_line[data-v-c2d70f6e] {
    width: 0;
    height: 25px;
    opacity: .8;
    border: 1px solid #fff
}

.mine_top_new[data-v-c2d70f6e] {
    width: 100%;
    height: 134px;
    background: linear-gradient(180deg, #00b76f, #00a87a);
    opacity: 1;
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    flex-direction: row
}

.mine_top_new_vip[data-v-c2d70f6e] {
    height: 100%;
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-left: 12px;
    margin-top: 13px
}

.mine_top_new_vip_left[data-v-c2d70f6e] {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-end
}

.mine_top_new_vip img[data-v-c2d70f6e] {
    width: 54px;
    height: 54px
}

.mine_top[data-v-c2d70f6e] {
    width: 78%;
    opacity: 1
}

.mine_top .mine_info[data-v-c2d70f6e] {
    width: 100%;
    border-radius: 2px;
    padding: 12px 8px 8px 8px;
    box-sizing: border-box
}

.mine_info_top[data-v-c2d70f6e] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.info_left[data-v-c2d70f6e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.info_left img[data-v-c2d70f6e] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #424242;
    margin: 0 5px 0 13px;
    border: 0;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) !important
}

.info_left ul[data-v-c2d70f6e] {
    color: #98ffd7;
    font-size: 16px;
    margin-left: 15px
}

.info_left ul li[data-v-c2d70f6e] {
    line-height: 22px
}

.info_right .notice[data-v-c2d70f6e] {
    width: 40px;
    height: 40px;
    background: linear-gradient(180deg, #00b76f, #00a87a);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.info_right .notice img[data-v-c2d70f6e] {
    width: 20px;
    height: 20px
}

.mobile[data-v-c2d70f6e] {
    height: 27px;
    line-height: 33px;
    font-size: 16px;
    color: #98ffd7;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.balance[data-v-c2d70f6e] {
    height: 27px;
    line-height: 33px;
    font-size: 18px;
    color: #fff;
    padding: 0 15px
}

.balance_vipliu[data-v-c2d70f6e] {
    padding: 9px 15px 10px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    flex-direction: row;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start
}

.mine_info_btn button[data-v-c2d70f6e] {
    padding: 0 8px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    border: 0;
    border-radius: 2px;
    background: #f5f5f5;
    margin-right: 8px
}

.mine_info_btn button[data-v-c2d70f6e]:last-child {
    margin-right: 0
}

.threebtn[data-v-c2d70f6e] {
    background: #33cbba !important;
    color: #fff !important
}

.one_btn[data-v-c2d70f6e] {
    background: #2196f3 !important;
    color: #fff !important
}

.mine_nav[data-v-c2d70f6e] {
    padding: 8px 0;
    background: #fff;
    margin-top: 2px
}

.mine_nav ul li[data-v-c2d70f6e] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    box-sizing: border-box;
    padding-left: 8%;
    padding-right: 4%
}

.mine_nav ul li ol[data-v-c2d70f6e] {
    display: flex;
    align-items: center
}

.mine_nav ul li ol img[data-v-c2d70f6e] {
    width: 24px;
    height: 24px;
    margin-right: 20px
}

.mine_nav ul li ol span[data-v-c2d70f6e] {
    font-size: 16px;
    color: #4e4e4e
}

.mine_nav ul li ol .van-icon[data-v-c2d70f6e] {
    font-size: 16px;
    color: #757575
}

.goout_box[data-v-c2d70f6e] {
    width: 100%;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5
}

.goout_box button[data-v-c2d70f6e] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #f5f5f5;
    border-radius: 2px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: rgba(0, 0, 0, .87);
    border: 0;
    width: 50%
}

.van-collapse[data-v-c2d70f6e] {
    width: 100%
}

[class*=van-hairline][data-v-c2d70f6e]:after {
    border: 0
}

.van-collapse-item[data-v-c2d70f6e] .van-cell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.van-collapse-item[data-v-c2d70f6e] .van-cell:after {
    border-bottom: 0
}

.van-collapse-item[data-v-c2d70f6e] .van-cell__title {
    display: flex;
    flex-direction: row
}

.van-collapse-item[data-v-c2d70f6e] img {
    width: 24px;
    height: 24px;
    margin-right: 20px
}

.nav_name[data-v-c2d70f6e] {
    font-size: 16px;
    color: #4e4e4e
}

.nav_content[data-v-c2d70f6e] {
    padding: 12px 15px 12px 33px;
    font-size: 16px;
    color: #4e4e4e
}

.van-collapse-item[data-v-c2d70f6e] .van-collapse-item__content {
    padding: 12px 16px 0
}

.notice_zz[data-v-c2d70f6e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper2[data-v-c2d70f6e], .wrapper[data-v-c2d70f6e] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-c2d70f6e] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-c2d70f6e] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-c2d70f6e] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-c2d70f6e] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.special_wrapper[data-v-c2d70f6e] {
    width: 80%
}

.special[data-v-c2d70f6e] {
    padding: 5px 0 15px
}

.input_box[data-v-c2d70f6e] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-c2d70f6e] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-c2d70f6e] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-c2d70f6e] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-c2d70f6e] {
    padding: 10px 0 10px 20px
}

.rebbao_fushu[data-v-c2d70f6e] {
    position: absolute
}

.rebbao_download[data-v-c2d70f6e], .rebbao_fushu[data-v-c2d70f6e] {
    background-color: red;
    border-radius: 50%;
    width: 19px;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    color: #fff !important;
    font-size: 10px !important;
    left: 18px;
    bottom: 18px;
    padding-top: 2px
}

.rebbao_download[data-v-c2d70f6e] {
    float: right;
    margin-left: 18px;
    line-height: normal
}

.sign_vipshow[data-v-c2d70f6e] {
    margin-left: auto;
    width: 19.8% !important;
    height: 6% !important;
    margin-right: 0 !important
}

.doudong[data-v-c2d70f6e] {
    -webkit-animation: shake-data-v-c2d70f6e 1.5s linear infinite;
    animation: shake-data-v-c2d70f6e 1.5s linear infinite
}

@-webkit-keyframes shake-data-v-c2d70f6e {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

@keyframes shake-data-v-c2d70f6e {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

#jindutiao[data-v-c2d70f6e] {
    width: 60%;
    height: 13px;
    display: inline-block
}

#progressbar[data-v-c2d70f6e] {
    width: 90%;
    border: 1px solid #29fa1a;
    padding: 1px;
    text-align: center;
    height: 7px;
    background: #2c6500;
    border-radius: 100px 100px 100px 100px
}

#fill[data-v-c2d70f6e] {
    text-align: left;
    background-color: #87ff2c;
    height: 100%;
    font-size: 12px;
    border-radius: 100px 100px 100px 100px
}

@-webkit-keyframes move-data-v-c2d70f6e {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes move-data-v-c2d70f6e {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.notice_zz_new_user[data-v-c2d70f6e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.tanchuang_img_class[data-v-c2d70f6e] {
    width: 90%;
    height: 309px;
    position: fixed;
    top: 26%
}

.warpper_new_user[data-v-c2d70f6e] {
    box-sizing: border-box;
    border-radius: 10px;
    height: 453px;
    width: 94%;
    text-align: center;
    position: relative;
    background: #fff
}

.warpper_new_user_logo[data-v-c2d70f6e] {
    height: 236px;
    position: absolute;
    top: -100px;
    left: 16%
}

.tz_title_new_user[data-v-c2d70f6e] {
    font-size: 29px;
    font-weight: 700;
    line-height: 35px;
    color: #2e2e2e;
    opacity: 1;
    text-align: center;
    margin-top: 130px;
    width: 100%
}

.tz_info_new_user[data-v-c2d70f6e] {
    margin-top: 10px;
    width: 94%;
    margin-left: 3%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #5e5e5e;
    opacity: .8;
    text-align: left
}

.tz_info_new_user_bottom[data-v-c2d70f6e] {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #000;
    opacity: .8
}

.tz_info_new_user_close[data-v-c2d70f6e] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -60px
}

.amount_class[data-v-c2d70f6e] {
    position: absolute;
    top: 13px;
    left: 36%;
    z-index: 2
}

.amount_p[data-v-c2d70f6e] {
    margin: 0 auto
}

.close_img_class[data-v-c2d70f6e] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 13.5px;
    height: 13.5px
}

.amount_title[data-v-c2d70f6e] {
    font-size: 18px;
    margin-top: 10%;
    color: #fffdb8
}

.amount_num[data-v-c2d70f6e] {
    font-size: 50px;
    font-weight: 700;
    color: #fffdb8
}

.tz_go_div[data-v-c2d70f6e] {
    margin-top: 15px;
    margin-bottom: 10px;
    height: 130px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.tz_go_button[data-v-c2d70f6e] {
    background: #0bc048
}

.tz_go_button[data-v-c2d70f6e], .tz_go_button_win[data-v-c2d70f6e] {
    width: 260px;
    height: 45px;
    opacity: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    border: 0
}

.tz_go_button_win[data-v-c2d70f6e] {
    background: #ff4600;
    margin-top: 15px
}

.tz_go_div_span[data-v-c2d70f6e] {
    margin-top: 10px;
    height: 13px;
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    color: #000;
    opacity: 1
}

.tz_center[data-v-c2d70f6e] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -35%
}

.tz_center img[data-v-c2d70f6e] {
    width: 359px
}

.page_director[data-v-c2d70f6e] {
    width: 100%;
    height: 54px;
    background: #30d292;
    opacity: 1;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    align-content: center
}

.page_director_button_recharge[data-v-c2d70f6e] {
    background: #fff;
    color: #00b76f
}

.page_director_button_recharge[data-v-c2d70f6e], .page_director_button_withdraw[data-v-c2d70f6e] {
    width: 45%;
    height: 40px;
    box-shadow: 0 4px 10px rgba(14, 161, 103, .4);
    opacity: 1;
    border-radius: 21px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    align-content: center;
    border: 0
}

.page_director_button_withdraw[data-v-c2d70f6e] {
    position: relative;
    background: #00945a;
    color: #fff
}

.foot_aqts_tips[data-v-c2d70f6e] {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 19px;
    color: #bfbfbf;
    opacity: 1;
    text-align: center
}

.foot_aqts_img[data-v-c2d70f6e] {
    margin-top: 5px;
    width: 80%;
    margin-left: 8%;
    line-height: 19px;
    color: #bfbfbf;
    letter-spacing: 20px;
    opacity: 1;
    text-align: center;
    align-self: center
}

.vip_process_num[data-v-c2d70f6e] {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    color: #98ffd7;
    opacity: 1;
    text-align: center;
    text-decoration: underline
}

.vip_view[data-v-c2d70f6e] {
    width: 54px;
    height: 21px;
    background: linear-gradient(180deg, #eeffc7, #9f0);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 6px;
    margin-top: 3px;
    flex-direction: row;
    align-content: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #007346
}

.red_tips[data-v-c2d70f6e], .vip_view[data-v-c2d70f6e] {
    display: flex;
    justify-content: center;
    align-items: center
}

.red_tips[data-v-c2d70f6e] {
    background: red;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    top: 0;
    right: 1px;
    position: absolute;
    color: #fff;
    font-size: 8px
}

.notice_withdraw_rule_wrapper[data-v-c2d70f6e] {
    width: 340px;
    height: 300px;
    background: #fff;
    opacity: 1;
    border-radius: 10px
}

.notice_withdraw_rule_wrapper_title[data-v-c2d70f6e] {
    width: 100%;
    height: 44px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #000;
    opacity: 1;
    margin-top: 20px;
    text-align: center
}

.notice_withdraw_rule_wrapper_content[data-v-c2d70f6e] {
    width: 90%;
    margin-left: 5%;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
    opacity: 1;
    text-transform: uppercase;
    margin-top: 10px;
    text-align: center
}

.notice_withdraw_rule_wrapper_tip[data-v-c2d70f6e] {
    width: 90%;
    margin-left: 5%;
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: red;
    opacity: 1;
    text-transform: uppercase;
    margin-top: 7px;
    text-align: center
}

.notice_withdraw_rule_wrapper_safe[data-v-c2d70f6e] {
    width: 90%;
    margin-left: 5%;
    height: 15px;
    opacity: .9;
    font-size: 18px;
    font-weight: 400;
    line-height: 0;
    color: #a5a5a5;
    margin-top: 27px;
    text-align: center
}

.notice_withdraw_rule_wrapper_btn[data-v-c2d70f6e] {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    margin-top: 20px
}

.notice_withdraw_rule_wrapper_btn_left[data-v-c2d70f6e] {
    background: #e9e9e9;
    color: #606060
}

.notice_withdraw_rule_wrapper_btn_left[data-v-c2d70f6e], .notice_withdraw_rule_wrapper_btn_right[data-v-c2d70f6e] {
    width: 46%;
    height: 54px;
    opacity: 1;
    border-radius: 5px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 25px;
    border: 0
}

.notice_withdraw_rule_wrapper_btn_right[data-v-c2d70f6e] {
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff
}

.diwali_box[data-v-c2d70f6e] {
    position: absolute;
    top: 15px;
    right: 36px;
    font-size: 12px;
    height: 14px !important;
    line-height: 14px !important;
    padding: 2px 6px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(278deg, #ff0090, #9010ff)
}

.mine_top_card_info_popover[data-v-c2d70f6e] {
    padding: 4px 6px;
    border-radius: 1px;
    font-size: 12px
}

[data-v-c2d70f6e] .van-popover--light .van-popover__content {
    border-radius: 2px
}

.notice_zz[data-v-2bec5430] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-2bec5430] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-2bec5430] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-2bec5430] {
    font-size: 14px;
    padding: 15px 0 15px 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.tz_close[data-v-2bec5430] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-2bec5430] {
    color: #00897b;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.special_wrapper[data-v-2bec5430] {
    width: 80%
}

.special[data-v-2bec5430] {
    padding: 5px 0 15px
}

.input_box[data-v-2bec5430] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-2bec5430] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-2bec5430] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-2bec5430] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-2bec5430] {
    padding: 10px 0 10px 20px
}

.agree_zz[data-v-530f045b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 101
}

.wrapper[data-v-530f045b] {
    background: #fff;
    width: 100%;
    height: 270px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0 0;
    border: 5px solid #fff
}

.wrapper_in[data-v-530f045b] {
    height: 98%;
    background: linear-gradient(1turn, #fff, #f1f1f1);
    flex-direction: column;
    justify-content: flex-start;
    align-content: center
}

.recharge_coifirm_title[data-v-530f045b], .wrapper_in[data-v-530f045b] {
    width: 100%;
    opacity: 1;
    border-radius: 15px;
    display: flex;
    align-items: flex-end
}

.recharge_coifirm_title[data-v-530f045b] {
    height: 27%;
    font-size: 26px;
    font-weight: 800;
    line-height: 37px;
    color: #333;
    justify-content: center
}

.recharge_coifirm_amount[data-v-530f045b] {
    height: 26%;
    border-radius: 15px
}

.recharge_coifirm_amount[data-v-530f045b], .recharge_coifirm_bottom[data-v-530f045b] {
    width: 100%;
    opacity: 1;
    font-size: 42px;
    font-weight: 800;
    line-height: 37px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center
}

.recharge_coifirm_bottom[data-v-530f045b] {
    height: 20%
}

.long_btn[data-v-530f045b] {
    width: 90%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.notice_zz[data-v-1f257ef2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 101
}

.wrapper[data-v-1f257ef2] {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    border: 1px solid #666;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 6
}

.help[data-v-1f257ef2] {
    width: 90.6%;
    height: 68%;
    position: relative
}

.img_bg[data-v-1f257ef2] {
    position: absolute;
    width: 100%;
    height: 100%
}

.help_div[data-v-1f257ef2] {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    z-index: 1
}

.help_div_title[data-v-1f257ef2] {
    width: 100%;
    height: 68px;
    background: linear-gradient(180deg, #ff8441, #fb3a28);
    opacity: 1;
    border-radius: 10px 10px 0 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center
}

.help_div span[data-v-1f257ef2] {
    width: 90%;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: red;
    opacity: 1;
    margin-top: 5px;
    margin-bottom: 10px
}

.awards_sucess[data-v-1f257ef2] {
    width: 90.6%;
    height: 48%;
    position: relative
}

.awards_sucess_tips[data-v-1f257ef2] {
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    color: #5e5e5e;
    opacity: 1;
    width: 90%;
    height: 100px;
    margin-top: 15px
}

.awards_sucess_awd[data-v-1f257ef2] {
    font-size: 55px;
    font-weight: 800;
    line-height: 64px;
    color: #ff5c1c;
    opacity: 1;
    height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.awards_failed[data-v-1f257ef2] {
    width: 90.6%;
    height: 55%;
    position: relative
}

.awards_failed_tips[data-v-1f257ef2] {
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    color: #5e5e5e;
    opacity: 1;
    width: 90%;
    height: 100px;
    margin-top: 15px
}

.awards_failed_awd[data-v-1f257ef2] {
    font-size: 55px;
    font-weight: 800;
    line-height: 64px;
    color: #ff5c1c;
    opacity: 1;
    text-align: center;
    display: flex;
    align-items: center;
    height: 80px;
    margin-bottom: 20px
}

.long_btn[data-v-1f257ef2] {
    width: 90%;
    height: 45px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border: 0;
    margin-bottom: 20px
}

.new_table[data-v-1f257ef2] {
    width: 96%;
    background: #fff;
    padding: 15px 0 3px;
    box-sizing: border-box
}

.new_table .table_ul[data-v-1f257ef2] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.new_table .table_ul table_head[data-v-1f257ef2] {
    border-radius: 6px;
    background: #eff0fe;
    opacity: 1;
    overflow: hidden;
    border: 1px solid #d5d8ec
}

.new_table .table_ul .table_head ol[data-v-1f257ef2] {
    font-size: 12px;
    font-weight: 700
}

.new_table .table_ul .table_body[data-v-1f257ef2] {
    font-size: 14px
}

.new_table .table_ul li[data-v-1f257ef2] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-1f257ef2] {
    width: 50%;
    text-align: center;
    line-height: 26px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.help_div_failed_title[data-v-1f257ef2] {
    width: 100%;
    height: 68px;
    background: linear-gradient(180deg, #b5b5b5, #6b6b6b);
    opacity: 1;
    border-radius: 10px 10px 0 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center
}

.RechargeTimedTask[data-v-053c7dab] {
    position: absolute;
    width: 70px;
    height: 70px;
    right: -1%;
    bottom: 4%
}

.RechargeTimedTask div[data-v-053c7dab] {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-content: flex-end;
    justify-content: center
}

.img_tl[data-v-053c7dab] {
    width: 60px;
    height: 69px;
    position: absolute;
    left: 5px;
    bottom: .5px
}

.img_light[data-v-053c7dab] {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 5px
}

.time_countdown[data-v-053c7dab] {
    position: absolute;
    width: 60px;
    font-size: 12px;
    line-height: 18px;
    color: #ffe506;
    text-align: center;
    opacity: 1;
    bottom: .5%
}

.notice_zz_order[data-v-6981c720], .notice_zz_zs[data-v-053c7dab] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.notice_zz_order[data-v-6981c720] {
    flex-direction: column;
    align-content: flex-start;
    z-index: 3
}

.wrapper_short[data-v-6981c720] {
    position: fixed;
    background: #fff;
    box-sizing: border-box;
    border-radius: 9px;
    height: 360px;
    width: 92%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.top_title[data-v-6981c720] {
    margin-top: 0;
    width: 100%;
    height: 58px
}

.top_title_span[data-v-6981c720] {
    position: absolute;
    height: 58px;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    font-size: 24px;
    line-height: 37px;
    color: #fff;
    opacity: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.daily_recharge_in_out[data-v-6981c720] {
    width: 100%;
    height: 302px;
    background: #fff;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    border-radius: 0 0 10px 10px
}

.daily_recharge_tab[data-v-6981c720] {
    width: 100%;
    height: 48px;
    background: #ededed;
    opacity: 1;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: flex-end
}

.daily_recharge_tab_sel[data-v-6981c720] {
    width: 110px;
    height: 40px;
    background: #fff;
    opacity: 1;
    margin-left: 0;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_tab_sel span[data-v-6981c720] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #00b76f;
    opacity: 1;
    margin-top: 6px;
    text-align: center
}

.daily_recharge_tab_normal[data-v-6981c720] {
    width: 110px;
    height: 40px;
    background: #ccd7e9;
    opacity: 1;
    margin-left: 0;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_tab_normal span[data-v-6981c720] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #505050;
    opacity: 1;
    margin-top: 6px;
    text-align: center
}

.daily_recharge_body[data-v-6981c720] {
    height: 254px;
    background: #fff;
    opacity: 1;
    border-radius: 0 0 10px 10px
}

.daily_recharge_body[data-v-6981c720], .daily_recharge_body_award_info[data-v-6981c720] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_body_award_info[data-v-6981c720] {
    height: 50%
}

.daily_recharge_body_award_info div[data-v-6981c720] {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_body_award_info span[data-v-6981c720] {
    height: 100%;
    font-size: 22px;
    color: #ff5700;
    opacity: 1;
    text-align: center;
    margin-left: 2px
}

.daily_recharge_body_award_info button[data-v-6981c720] {
    width: 91px;
    height: 23px;
    background: #9d9d9d;
    opacity: 1;
    border-radius: 12px;
    border: 0;
    margin-left: 8px
}

.daily_recharge_body_award_info_desc[data-v-6981c720] {
    width: 90%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #5e5e5e;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center
}

.daily_recharge_body_award_bottom[data-v-6981c720] {
    width: 100%;
    height: 40%;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center
}

.daily_recharge_body_award_bottom_btn_left[data-v-6981c720] {
    width: 148px;
    height: 54px;
    background: #ff8921;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    line-height: 20px;
    color: #fff
}

.daily_recharge_body_award_bottom_btn_right[data-v-6981c720] {
    width: 148px
}

.daily_recharge_body_award_bottom_btn_only[data-v-6981c720], .daily_recharge_body_award_bottom_btn_right[data-v-6981c720] {
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    border: 0;
    font-size: 22px;
    color: #fff
}

.daily_recharge_body_award_bottom_btn_only[data-v-6981c720] {
    width: 90%;
    margin-bottom: 10px;
    margin-top: 10px
}

.notice_zz_suc[data-v-6981c720] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-6981c720] {
    background: #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100px;
    width: 66%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .8;
    z-index: 99
}

.amount_txt[data-v-6981c720] {
    height: 66%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    opacity: 1
}

.amount_txt_tip[data-v-6981c720] {
    height: 34%;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 1
}

.notice_zz_order[data-v-01aac11a] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    justify-content: center;
    z-index: 3
}

.notice_zz_order[data-v-01aac11a], .wrapper_short[data-v-01aac11a] {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start
}

.wrapper_short[data-v-01aac11a] {
    background: #fff;
    box-sizing: border-box;
    border-radius: 9px;
    height: 562px;
    width: 92%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    justify-content: flex-start
}

.top_title[data-v-01aac11a] {
    margin-top: 0;
    width: 100%;
    height: 58px
}

.top_title_span[data-v-01aac11a] {
    position: absolute;
    height: 58px;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    font-size: 24px;
    line-height: 37px;
    color: #fff;
    opacity: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.daily_recharge_in_out[data-v-01aac11a] {
    width: 100%;
    height: 435px;
    background: #fff;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    border-radius: 0 0 10px 10px
}

.daily_recharge[data-v-01aac11a] {
    width: 94%;
    height: 200px;
    background: #eff5ff;
    border: 1px solid #cee0ff;
    border-radius: 10px;
    margin-top: 10px
}

.daily_recharge[data-v-01aac11a], .daily_recharge_top[data-v-01aac11a] {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_top[data-v-01aac11a] {
    width: 96%;
    height: 100%;
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px
}

.daily_recharge_top_span[data-v-01aac11a] {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #2e2e2e;
    opacity: 1;
    height: 35px;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_tab[data-v-01aac11a] {
    width: 100%;
    height: 48px;
    opacity: 1;
    border-radius: 0;
    background: #eff5ff;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: flex-end
}

.daily_recharge_tab_sel[data-v-01aac11a] {
    width: 110px;
    height: 40px;
    background: #fff;
    opacity: 1;
    margin-left: 0;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_tab_sel span[data-v-01aac11a] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #00b76f;
    opacity: 1;
    margin-top: 6px;
    text-align: center
}

.daily_recharge_tab_normal[data-v-01aac11a] {
    width: 110px;
    height: 40px;
    background: #ccd7e9;
    opacity: 1;
    margin-left: 0;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_tab_normal span[data-v-01aac11a] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #505050;
    opacity: 1;
    margin-top: 6px;
    text-align: center
}

.daily_recharge_body[data-v-01aac11a] {
    height: 254px;
    background: #fff;
    opacity: 1;
    border-radius: 0 0 10px 10px
}

.daily_recharge_body[data-v-01aac11a], .daily_recharge_body_award_info[data-v-01aac11a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_body_award_info[data-v-01aac11a] {
    height: 55px
}

.daily_recharge_body_award_info div[data-v-01aac11a] {
    margin-top: 5px;
    margin-bottom: 1px;
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.daily_recharge_body_award_info span[data-v-01aac11a] {
    height: 100%;
    font-size: 22px;
    color: #ff5700;
    opacity: 1;
    text-align: center;
    margin-left: 2px
}

.daily_recharge_body_award_info button[data-v-01aac11a] {
    width: 91px;
    height: 23px;
    background: #9d9d9d;
    opacity: 1;
    border-radius: 12px;
    border: 0;
    margin-left: 8px;
    color: #fff
}

.daily_recharge_body_award_info_desc[data-v-01aac11a] {
    width: 96%;
    margin-left: 3%;
    height: 35px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #5e5e5e;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center
}

.daily_recharge_body_award_bottom[data-v-01aac11a] {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center
}

.daily_recharge_body_award_bottom_btn_left[data-v-01aac11a] {
    width: 148px;
    height: 54px;
    background: #ff8921;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    line-height: 20px;
    color: #fff
}

.daily_recharge_body_award_bottom_btn_right[data-v-01aac11a] {
    width: 148px
}

.daily_recharge_body_award_bottom_btn_only[data-v-01aac11a], .daily_recharge_body_award_bottom_btn_right[data-v-01aac11a] {
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    border: 0;
    font-size: 22px;
    color: #fff
}

.daily_recharge_body_award_bottom_btn_only[data-v-01aac11a] {
    width: 90%;
    margin-bottom: 10px;
    margin-top: 10px
}

.notice_zz_suc[data-v-01aac11a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-01aac11a] {
    background: #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100px;
    width: 66%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .8;
    z-index: 99
}

.amount_txt[data-v-01aac11a] {
    height: 66%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    opacity: 1
}

.amount_txt_tip[data-v-01aac11a] {
    height: 34%;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 1
}

.weekly_body[data-v-01aac11a] {
    width: 94%;
    height: 200px;
    background: #fffcef;
    border: 1px solid #ffdfce;
    opacity: 1;
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.weekly_body_title[data-v-01aac11a] {
    width: 100%;
    height: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #2e2e2e;
    opacity: 1;
    text-align: center
}

.weekly_body_process[data-v-01aac11a] {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.weekly_body_process_recharge_total[data-v-01aac11a] {
    width: 80%;
    height: 25px;
    display: flex;
    flex-direction: row
}

.weekly_body_process_recharge_total div[data-v-01aac11a] {
    width: 100%;
    height: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #2e2e2e;
    opacity: 1
}

.weekly_body_process_recharge_view[data-v-01aac11a] {
    width: 81%;
    height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around
}

.weekly_body_process_recharge_view_process_bg[data-v-01aac11a] {
    position: relative;
    margin-top: 2px;
    width: 93%;
    height: 4px;
    background: #d1d1d1;
    opacity: 1;
    border-radius: 4px
}

.weekly_body_process_recharge_view_bg_jd[data-v-01aac11a] {
    height: 4px;
    background: #fb442b;
    opacity: 1;
    border-radius: 4px
}

.weekly_body_process_recharge_view_gray_yuan[data-v-01aac11a] {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #d1d1d1;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 1
}

.weekly_body_process_recharge_view_red_yuan[data-v-01aac11a] {
    width: 12px;
    height: 12px;
    background: #fb442b;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 1
}

.weekly_body_process_recharge_award[data-v-01aac11a] {
    width: 90%;
    height: 40px;
    display: flex;
    flex-direction: row
}

.weekly_body_process_recharge_award div[data-v-01aac11a] {
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around
}

.weekly_body_process_recharge_award span[data-v-01aac11a] {
    height: 20px;
    text-align: center;
    margin-left: 1px;
    font-size: 15px;
    color: #ff5700;
    opacity: 1
}

.weekly_body_desc[data-v-01aac11a] {
    width: 90%;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #5e5e5e;
    opacity: 1;
    margin-bottom: 15px
}

.pay_modal_container[data-v-68abd467] {
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

.adm-mask-content[data-v-68abd467] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.pay_modal_box[data-v-68abd467] {
    margin: 24px;
    padding: 36px 24px;
    background: #fff;
    border-radius: 10px
}

.pay_modal_title[data-v-68abd467] {
    font-size: 45px;
    font-family: Alibaba PuHuiTi;
    text-align: center;
    font-weight: 700;
    line-height: 56px;
    color: #000
}

.pay_modal_main[data-v-68abd467] {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.5;
    text-align: center
}

.pay_modal_btn[data-v-68abd467] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border: none;
    outline: none;
    font-size: 22px;
    margin-top: 22px;
    color: #fff;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.pay_modal_cancel[data-v-68abd467] {
    text-align: center
}

.pay_modal_cancel a[data-v-68abd467] {
    display: inline-block;
    font-size: 22px;
    font-family: AlibabaPuHuiTi-Bold;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    color: #8b8b8b;
    text-decoration: underline
}

.modal[data-v-7b5aa3f6] {
    z-index: 1000000
}

.box[data-v-7b5aa3f6] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 80%;
    box-sizing: border-box;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 20px;
    background: #fff;
    border-radius: 8px
}

.title[data-v-7b5aa3f6] {
    font-size: 22px;
    text-align: center;
    color: #019e83
}

.title > div[data-v-7b5aa3f6] {
    font-size: 22px
}

.agent_list[data-v-7b5aa3f6] {
    margin-top: 24px
}

.agent_item[data-v-7b5aa3f6] {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 16px;
    box-sizing: border-box;
    height: 45px;
    border-radius: 22.5px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    background: #30a3e6
}

.agent_item img[data-v-7b5aa3f6] {
    width: 25px;
    height: 25px
}

.agent_item_text[data-v-7b5aa3f6] {
    text-align: center;
    flex: 1;
    color: #fff;
    font-size: 22px
}

.recharge[data-v-0f36cf64] {
    background: #fff;
    padding-bottom: 64px
}

div.nav_bar_recharge[data-v-0f36cf64] {
    height: 50px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-0f36cf64], .nav_middle[data-v-0f36cf64], .nav_right[data-v-0f36cf64] {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

div.nav_bar_recharge button[data-v-0f36cf64] {
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav_bar_recharge .nav_left[data-v-0f36cf64] {
    display: flex;
    align-items: center;
    width: 50px
}

.nav_bar_recharge .nav_left img[data-v-0f36cf64] {
    margin-left: 10px;
    width: 25px
}

.nav_bar_recharge .nav_middle[data-v-0f36cf64] {
    display: flex;
    align-items: center
}

.nav_bar_recharge .nav_middle img[data-v-0f36cf64] {
    height: 33px
}

.nav_bar_recharge .nav_right[data-v-0f36cf64] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50px
}

.nav_bar_recharge .nav_right img[data-v-0f36cf64] {
    width: 25px;
    margin-right: 10px
}

.recharge_box[data-v-0f36cf64] {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    box-sizing: border-box;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.top_text[data-v-0f36cf64] {
    padding: 15px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.top_text span[data-v-0f36cf64] {
    font-size: 24px;
    font-weight: 400
}

.code_input_box[data-v-0f36cf64] {
    width: 100%;
    display: flex;
    justify-content: center
}

.code_input[data-v-0f36cf64] {
    position: relative;
    width: 95%;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.code_input img[data-v-0f36cf64] {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.code_input input[data-v-0f36cf64] {
    width: 90%;
    margin-left: 5px;
    font-size: 22px;
    border: 0
}

.money_give[data-v-0f36cf64] {
    position: absolute;
    right: 12px;
    top: 14px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #f80;
    opacity: 1;
    text-align: center
}

.amount_list[data-v-0f36cf64] {
    width: 100%;
    padding: 25px 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.amount_list_button[data-v-0f36cf64] {
    margin-top: 17px;
    width: 30%;
    height: 54px;
    margin-top: 10px;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    font-size: 20px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    background: #f6f6f6;
    border: 1px solid #d4d4d4;
    opacity: 1;
    border-radius: 5px;
    position: relative
}

.amount_list button .give_bouns[data-v-0f36cf64], .amount_list button img[data-v-0f36cf64] {
    width: 78px;
    height: 24px;
    position: absolute;
    top: -10px;
    left: -16px
}

.amount_list button .give_bouns img[data-v-0f36cf64] {
    width: 78px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0
}

.amount_list button .give_bouns span[data-v-0f36cf64] {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 3px;
    right: 10px
}

.small-font[data-v-0f36cf64] {
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: 5px;
    color: #fff
}

.payment_box_payment[data-v-0f36cf64] {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 12px
}

.payment_box_payment[data-v-0f36cf64] .van-radio--horizontal {
    width: 50%;
    margin-right: 0
}

.payment_box[data-v-0f36cf64] {
    width: 100%;
    height: 60px;
    padding-left: 4%;
    box-sizing: border-box
}

.payment_box[data-v-0f36cf64] .van-radio__icon--checked .van-icon {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    width: 25px;
    display: inline-block
}

.payment_box[data-v-0f36cf64] .van-radio__icon .van-icon {
    border: transparent;
    width: 25px;
    display: inline-block
}

.payment_box .van-radio[data-v-0f36cf64] {
    height: 40px;
    line-height: 48px;
    font-size: 16px
}

.payment_text[data-v-0f36cf64] {
    font-size: 20px;
    font-weight: 400;
    color: #bfbfbf;
    line-height: 1;
    margin-right: 30px
}

.van-radio[data-v-0f36cf64] .text {
    margin-left: 30px;
    display: inline-block;
    color: #212121
}

.recharge_btn[data-v-0f36cf64] {
    width: 100%;
    padding: 20px 0 1px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.choose_active[data-v-0f36cf64] {
    width: 30%;
    margin-top: 10px;
    border: 1px solid #d4d4d4;
    background: #2196f3 !important;
    color: #fff !important;
    border-radius: 5px
}

.choose_active[data-v-0f36cf64], .normal_active_max[data-v-0f36cf64] {
    height: 54px;
    text-align: center;
    align-items: center;
    font-size: 20px;
    opacity: 1;
    position: relative
}

.normal_active_max[data-v-0f36cf64] {
    width: 28%;
    margin: 5px 5px;
    box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ffb300;
    border-radius: 5px
}

.choose_active_text[data-v-0f36cf64] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    opacity: 1
}

.normal_active_text[data-v-0f36cf64] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    opacity: 1
}

.notice_button[data-v-0f36cf64] {
    color: #4caf50;
    border: none;
    background: none;
    float: right
}

.xuanfu_rebbao_div[data-v-0f36cf64] {
    height: 43px;
    width: 42.5px;
    position: fixed;
    top: 50%;
    right: 5%
}

.xuanfu_rebbao_div img[data-v-0f36cf64] {
    height: 43px;
    width: 42.5px;
    position: relative
}

.xuanfu_rebbao_div span[data-v-0f36cf64] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px
}

.notice_zz[data-v-0f36cf64] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-0f36cf64] {
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    height: 40%;
    margin-top: -16%;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    text-align: center;
    position: relative
}

.tz_title[data-v-0f36cf64] {
    font-weight: 700;
    line-height: 31.5px;
    padding: 10% 15px 0;
    font-size: 23.5px
}

.tz_info[data-v-0f36cf64] {
    font-size: 13px;
    line-height: 18.5px;
    color: #919191
}

.tz_center[data-v-0f36cf64] {
    padding: 2%
}

.tz_center img[data-v-0f36cf64] {
    width: 43px;
    height: 41.5px;
    vertical-align: bottom
}

.tz_center span[data-v-0f36cf64] {
    color: red;
    font-size: 28.5px;
    font-weight: 700
}

.amount_title[data-v-0f36cf64] {
    font-size: 14px;
    margin-top: 10%
}

.amount_num[data-v-0f36cf64] {
    font-size: 37.5px;
    font-weight: 700;
    color: #2a9777
}

.amount_class[data-v-0f36cf64] {
    height: 20%;
    margin-top: 15%
}

.amount_p[data-v-0f36cf64] {
    margin: 0 auto
}

.close_img_class[data-v-0f36cf64] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 13.5px;
    height: 13.5px
}

.tanchuang_img_class[data-v-0f36cf64] {
    width: 90%;
    height: 309px;
    position: fixed;
    top: 26%
}

.notice_zz_zs[data-v-0f36cf64] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper_zs[data-v-0f36cf64] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 80%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title_zs[data-v-0f36cf64] {
    font-size: 24px;
    padding: 15px
}

.tz_info_zs[data-v-0f36cf64] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close_zs[data-v-0f36cf64] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close_zs button[data-v-0f36cf64] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.input_box[data-v-0f36cf64] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-top: 15px;
    position: relative
}

.input_box img[data-v-0f36cf64] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.input_box input[data-v-0f36cf64] {
    width: 90%;
    border: 0;
    font-size: 16px
}

.foot_aqts_tips[data-v-0f36cf64] {
    margin-top: 20px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 19px;
    color: #bfbfbf;
    opacity: 1;
    text-align: center
}

.foot_aqts_img[data-v-0f36cf64] {
    margin-top: 5px;
    width: 95%;
    margin-left: 2.5%;
    line-height: 19px;
    color: #bfbfbf;
    letter-spacing: 20px;
    opacity: 1;
    text-align: center;
    align-self: center
}

.recharge_help[data-v-0f36cf64] {
    font-weight: 400
}

.recharge_help[data-v-0f36cf64], .recharge_help_email[data-v-0f36cf64] {
    width: 92%;
    margin-left: 4%;
    font-size: 14px;
    line-height: 20px;
    color: #b5b5b5;
    opacity: 1;
    text-align: center
}

.recharge_help_email[data-v-0f36cf64] {
    margin-top: 3%;
    margin-bottom: 20px;
    font-weight: 300
}

.red_tips[data-v-0f36cf64] {
    top: -51%;
    right: 3px
}

.dailyrecharge_red_tips[data-v-0f36cf64], .red_tips[data-v-0f36cf64] {
    background: red;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    color: #fff;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyrecharge_red_tips[data-v-0f36cf64] {
    top: -15%;
    right: 0
}

.qa-modal[data-v-0f36cf64] {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 99999;
    pointer-events: auto;
    background: rgba(0, 0, 0, .4)
}

.qa-modal-visible[data-v-0f36cf64] {
    display: unset
}

.qa-modal-main[data-v-0f36cf64] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    margin: auto;
    width: 90%;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    background: #fff;
    border-radius: 10px;
    padding: 24px
}

.qa-modal-main .qa-modal-title[data-v-0f36cf64] {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    text-align: center
}

.qa-modal-main .qa-modal-content > div[data-v-0f36cf64] {
    margin-top: 18px;
    color: #000;
    line-height: 1.4;
    font-size: 18px
}

.oa-modal-btn[data-v-0f36cf64] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    color: #fff;
    background: #0bc048;
    border: none;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700
}

.oa-modal-foot-text[data-v-0f36cf64] {
    text-align: center;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: #999
}

.qa-modal-close[data-v-0f36cf64] {
    position: absolute;
    right: 0;
    width: 40px;
    top: -55px
}

.notice {
    width: 86%
}

.notice, .notice span {
    font-size: 25px
}

.recharge[data-v-0216c0c3] {
    background: #fafafa;
    padding-bottom: 64px
}

div.nav_bar[data-v-0216c0c3] {
    height: 50px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-0216c0c3], .nav_middle[data-v-0216c0c3], .nav_right[data-v-0216c0c3] {
    font-size: 40px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

div.nav_bar button[data-v-0216c0c3] {
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav_bar .nav_left[data-v-0216c0c3] {
    display: flex;
    align-items: center;
    width: 50px
}

.nav_bar .nav_left img[data-v-0216c0c3] {
    margin-left: 10px;
    width: 25px
}

.nav_bar .nav_middle[data-v-0216c0c3] {
    display: flex;
    align-items: center
}

.nav_bar .nav_middle img[data-v-0216c0c3] {
    height: 33px
}

.nav_bar .nav_right[data-v-0216c0c3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50px
}

.nav_bar .nav_right img[data-v-0216c0c3] {
    width: 25px;
    margin-right: 10px
}

.recharge_box[data-v-0216c0c3] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    padding-top: 50px
}

.null_data[data-v-0216c0c3] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-0216c0c3] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-0216c0c3] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-0216c0c3] {
    font-size: 32px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-0216c0c3] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-0216c0c3] {
    font-size: 34px
}

.choose_page[data-v-0216c0c3] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-0216c0c3] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-0216c0c3] {
    font-size: 32px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-0216c0c3] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-0216c0c3] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-0216c0c3] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-0216c0c3] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-0216c0c3] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-0216c0c3] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-0216c0c3]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-0216c0c3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-0216c0c3] {
    font-size: 34px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-0216c0c3] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-0216c0c3], .list_box li ol .times[data-v-0216c0c3] {
    color: #757575
}

.recharge[data-v-6ef7d67e] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-6ef7d67e] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    justify-content: space-between
}

.top_nav .left[data-v-6ef7d67e], .top_nav[data-v-6ef7d67e] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-6ef7d67e] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-6ef7d67e] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.orders_nav[data-v-6ef7d67e] {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .55);
    background: #009688;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 15px;
    box-sizing: border-box
}

.orders_nav li[data-v-6ef7d67e] {
    padding: 0 12px
}

.active[data-v-6ef7d67e] {
    border-bottom: 4px solid #fff;
    color: #fff !important
}

.shadow_box[data-v-6ef7d67e] {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.con_box .content[data-v-6ef7d67e] {
    padding: 15px;
    box-sizing: border-box
}

.background[data-v-63b66ff2] {
    background-color: #f5f5f5;
    height: 100vh
}

.background[data-v-63b66ff2], .brand[data-v-63b66ff2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.brand[data-v-63b66ff2] {
    height: 20vh;
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 20px
}

.brand img[data-v-63b66ff2] {
    width: 60%
}

.desc[data-v-63b66ff2] {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #757575;
    letter-spacing: 1px
}

.operate_container[data-v-63b66ff2] {
    width: 90%;
    margin-bottom: 20px
}

.operate_container_resetpwd[data-v-63b66ff2] {
    color: #505050;
    text-decoration: underline;
    -webkit-text-decoration-color: #f27b21;
    text-decoration-color: #f27b21;
    justify-content: flex-end
}

.operate_container_register[data-v-63b66ff2], .operate_container_resetpwd[data-v-63b66ff2] {
    width: 90%;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center
}

.operate_container_register[data-v-63b66ff2] {
    color: #a8a8a8;
    justify-content: center
}

.input_box[data-v-63b66ff2] {
    width: 100%;
    height: 54px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 54px;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.input_box input[data-v-63b66ff2] {
    border: 0;
    width: 90%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.input_box img[data-v-63b66ff2] {
    width: 25px;
    margin-right: 10px
}

.input_box span[data-v-63b66ff2] {
    margin-right: 2px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.input_box_pwd_img[data-v-63b66ff2] {
    width: 15px;
    height: 15px
}

.two_btns[data-v-63b66ff2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.ripplegrey[data-v-63b66ff2] {
    background: #ececec;
    border-radius: 5px;
    height: 54px;
    width: 48%;
    border: 0;
    color: #8f8f8f;
    font-size: 17px;
    line-height: 22px
}

.van-toast[data-v-63b66ff2] {
    border-radius: 20px;
    font-size: 18px
}

.tips_span[data-v-63b66ff2] {
    font-size: 12px !important;
    color: red;
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 15px;
    line-height: 12px;
    transition: all .3s
}

.long_btn[data-v-63b66ff2] {
    width: 100%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
    border-radius: 27px 27px 27px 27px;
    opacity: 1;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: 0
}

.login_bottom[data-v-63b66ff2] {
    position: fixed;
    background-color: #f5f5f5;
    bottom: 10px;
    left: 0;
    margin-top: 77px;
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.login_bottom img[data-v-63b66ff2] {
    height: 30px
}

.login_bottom span[data-v-63b66ff2] {
    margin-top: 10px;
    width: 100%;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c1;
    line-height: 20px;
    align-self: center;
    text-align: center
}

.input_box_btn[data-v-63b66ff2], .register_notice[data-v-4a4dabec] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.register_notice[data-v-4a4dabec] {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 99;
    overflow-y: auto !important;
    position: absolute
}

.register_notice_wrapper[data-v-4a4dabec] {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    position: relative
}

.register_notice_wrapper_ad_img[data-v-4a4dabec] {
    width: 100%
}

.register_notice_wrapper_dialog[data-v-4a4dabec] {
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%
}

.register_notice_wrapper_dialog img[data-v-4a4dabec] {
    width: 100%
}

.background[data-v-96ff69d0] {
    background-color: #f5f5f5;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

.nav_bar[data-v-96ff69d0] {
    border-bottom: 0
}

.top_tips[data-v-96ff69d0] {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: #8f8f8f;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.top_register_div[data-v-96ff69d0] {
    width: 100%;
    height: 75px;
    margin-top: 15px;
    margin-bottom: 15px
}

.top_register_desc1[data-v-96ff69d0] {
    font-weight: 500
}

.top_register_desc1[data-v-96ff69d0], .top_register_desc2[data-v-96ff69d0] {
    font-size: 16px;
    line-height: 21px;
    color: #848484;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.operate_container[data-v-96ff69d0] {
    width: 90%;
    margin-bottom: 9px
}

.input_box[data-v-96ff69d0] {
    width: 100%;
    height: 54px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 54px;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.input_box input[data-v-96ff69d0] {
    border: 0;
    width: 90%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    background: #fff
}

.input_box img[data-v-96ff69d0] {
    width: 25px;
    margin-right: 10px
}

.input_box span[data-v-96ff69d0] {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.otp_row[data-v-96ff69d0] {
    display: flex
}

.otp_btn[data-v-96ff69d0], .otp_btn_cd[data-v-96ff69d0] {
    width: 94px;
    height: 54px;
    background: #f27b21;
    color: #fff;
    border: 0;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.otp_btn_cd[data-v-96ff69d0] {
    background: #999
}

.bottom_tips[data-v-96ff69d0] {
    display: flex;
    justify-content: center
}

.bottom_tips span[data-v-96ff69d0] {
    padding-top: 14px;
    font-size: 18px;
    line-height: 24px;
    color: #9f9f9f
}

.login_word[data-v-96ff69d0] {
    color: #00b76f;
    text-decoration: underline;
    background: #f5f5f5;
    border: 0
}

.tips_span[data-v-96ff69d0] {
    font-size: 12px !important;
    color: red;
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 15px;
    line-height: 12px;
    transition: all .3s
}

.agree_box[data-v-96ff69d0] .van-checkbox__label {
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0, 0, 0, .54)
}

.greencolor[data-v-96ff69d0] {
    color: #009688;
    font-weight: 400
}

.agree_zz[data-v-96ff69d0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-96ff69d0] {
    background: #fff;
    border-radius: 4px;
    width: 90%;
    height: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative
}

.agree_title[data-v-96ff69d0] {
    font-size: 24px;
    padding: 15px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree[data-v-96ff69d0] {
    width: 100%;
    height: 75vh;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 15px 15px 50px 15px;
    box-sizing: border-box;
    pointer-events: auto
}

ul[data-v-96ff69d0] {
    padding: 0 15px;
    box-sizing: border-box
}

li[data-v-96ff69d0], ol[data-v-96ff69d0], ul[data-v-96ff69d0] {
    list-style: disc;
    font-size: 14px
}

h1[data-v-96ff69d0] {
    font-size: 24px
}

h2[data-v-96ff69d0] {
    font-size: 18px
}

h3[data-v-96ff69d0] {
    font-size: 14px
}

strong[data-v-96ff69d0] {
    font-size: 14px;
    font-weight: 700
}

.content_agree p[data-v-96ff69d0] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px
}

.close_btn[data-v-96ff69d0] {
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-96ff69d0] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.operate_container_checkbox[data-v-96ff69d0] {
    width: 90%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.brand[data-v-96ff69d0] {
    height: 60px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px
}

.brand img[data-v-96ff69d0] {
    width: 30%
}

.desc[data-v-96ff69d0] {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #757575;
    letter-spacing: 1px
}

.operate_container_login[data-v-96ff69d0] {
    width: 90%;
    height: 30px;
    margin-top: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #a8a8a8;
    justify-content: flex-start
}

.long_btn[data-v-96ff69d0], .operate_container_login[data-v-96ff69d0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center
}

.long_btn[data-v-96ff69d0] {
    width: 100%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
    border-radius: 27px 27px 27px 27px;
    opacity: 1;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    justify-content: center
}

.privacypolicy[data-v-96ff69d0] {
    width: 90%;
    height: 30px;
    font-size: 14px;
    line-height: 18px;
    color: #9e9e9e;
    text-align: center
}

.register_bottom[data-v-96ff69d0] {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f5f5f5;
    margin-top: 77px;
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.register_bottom_safe_relieved[data-v-96ff69d0] {
    width: 100%;
    height: 21px;
    font-size: 16px;
    font-weight: 700;
    color: #c1c1c1;
    line-height: 28px;
    align-self: center;
    text-align: center
}

.register_bottom_desc[data-v-96ff69d0] {
    width: 75%;
    line-height: 15px
}

.register_bottom_desc[data-v-96ff69d0], .register_bottom_span[data-v-96ff69d0] {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c1;
    align-self: center;
    text-align: center
}

.register_bottom_span[data-v-96ff69d0] {
    width: 100%;
    height: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.input_box_btn[data-v-96ff69d0] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.background[data-v-37ed9fee] {
    background-color: #f5f5f5;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px
}

.nav_bar[data-v-37ed9fee] {
    border-bottom: 0
}

.top_tips[data-v-37ed9fee] {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #f27b21;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.operate_container[data-v-37ed9fee] {
    width: 90%;
    margin-bottom: 20px
}

.fst[data-v-37ed9fee] {
    margin-top: 20px
}

.input_box[data-v-37ed9fee] {
    width: 100%;
    height: 54px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 54px;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.input_box input[data-v-37ed9fee] {
    border: 0;
    width: 90%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    background: #fff
}

.input_box img[data-v-37ed9fee] {
    width: 25px;
    margin-right: 10px
}

.otp_row[data-v-37ed9fee] {
    display: flex
}

.otp_btn[data-v-37ed9fee], .otp_btn_cd[data-v-37ed9fee] {
    width: 94px;
    height: 54px;
    background: #f27b21;
    color: #fff;
    border: 0;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.otp_btn_cd[data-v-37ed9fee] {
    background: #999
}

.bottom_tips[data-v-37ed9fee] {
    display: flex;
    justify-content: center
}

.bottom_tips span[data-v-37ed9fee] {
    padding-top: 14px;
    font-size: 18px;
    line-height: 24px;
    color: #9f9f9f
}

.login_word[data-v-37ed9fee] {
    color: #00b76f;
    text-decoration: underline;
    background: #f5f5f5;
    border: 0
}

div[data-v-d03402d2] {
    height: 22px;
    background-color: #fafad2
}

.rolling_strip[data-v-d03402d2] {
    display: inline-block;
    height: 18px;
    width: 100%;
    text-align: center;
    align-items: center;
    color: red;
    overflow: hidden;
    font-size: 13px
}

div marquee[data-v-d03402d2] {
    color: red
}

.promotion[data-v-593a21b1] {
    background: #fff;
    padding-bottom: 64px;
    padding-top: 50px
}

.container[data-v-593a21b1] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff
}

.container .headline[data-v-593a21b1] {
    padding: 15px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.container .headline span[data-v-593a21b1] {
    font-size: 24px;
    font-weight: 400
}

.level_box[data-v-593a21b1] {
    background: #fff
}

.level_content[data-v-593a21b1] {
    width: 100%
}

.level_content .level_list[data-v-593a21b1] {
    padding: 0 15px, 15px, 15px;
    box-sizing: border-box
}

.level_content .level_list .layout[data-v-593a21b1] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-around
}

.level_list .layout li[data-v-593a21b1] {
    width: 45%;
    height: 80px;
    background: #f5f5f5;
    opacity: 1;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.level_list .layout li ol[data-v-593a21b1] {
    text-align: center;
    font-size: 14px;
    color: #7e7e7e
}

.level_list .layout li .two_ol[data-v-593a21b1] {
    font-size: 26px;
    color: #000;
    line-height: 1.2
}

.level_list_layout[data-v-593a21b1] {
    position: relative;
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-around
}

.level_list_layout li[data-v-593a21b1] {
    width: 45%;
    height: 103px;
    background: #f5f5f5;
    opacity: 1;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.layout_bot[data-v-593a21b1] {
    padding: 15px 0 0 15px
}

.layout_bot .bot_list_share_bonus[data-v-593a21b1] {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 15px;
    height: 143px;
    background: #f5f5f5;
    opacity: 1;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.bot_list_a[data-v-593a21b1], .layout_bot .bot_list[data-v-593a21b1] {
    border-bottom: 1px solid #949494;
    padding: 15px 0 12px
}

.bot_list_titles[data-v-593a21b1] {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #7e7e7e;
    opacity: 1
}

.bot_list .answer[data-v-593a21b1] {
    font-size: 16px;
    font-weight: 400
}

.layout_bot_span[data-v-593a21b1] {
    font-size: 12px;
    color: red
}

.heights[data-v-593a21b1] {
    height: 70px;
    line-height: 1.5
}

.openlink[data-v-593a21b1] {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.openlink button[data-v-593a21b1] {
    width: 50%;
    padding: 10px 15px;
    height: 44px;
    background: #ff8921;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 25px;
    font-size: 14px;
    border: 0;
    color: #fff;
    font-size: 22px
}

.right_zz[data-v-593a21b1] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent
}

.right_zz .wrapper[data-v-593a21b1] {
    background: #fff;
    padding: 16px 15px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    position: absolute;
    top: 7%;
    right: 3%
}

.right_zz .right_nav li[data-v-593a21b1] {
    padding: 15px 0;
    font-size: 15px
}

.new_table[data-v-593a21b1] {
    width: 100%;
    background: #fff;
    padding: 0 15px 20px;
    box-sizing: border-box
}

.new_table .table_ul[data-v-593a21b1] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.new_table .table_ul .table_head ol[data-v-593a21b1] {
    font-size: 12px;
    font-weight: 700
}

.new_table .table_ul .table_body[data-v-593a21b1] {
    font-size: 14px
}

.new_table .table_ul li[data-v-593a21b1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-593a21b1] {
    width: 25%;
    text-align: center;
    line-height: 35px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.bonus_button[data-v-593a21b1] {
    width: 45%;
    border: 0;
    height: 27px;
    background: #ff8921;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 21px;
    font-size: 16px;
    line-height: 21px;
    color: #fff
}

.notice_button[data-v-593a21b1] {
    position: absolute;
    right: 10px;
    top: 1px;
    width: 60px;
    height: 21px;
    background: #e4e7ff;
    opacity: 1;
    border-radius: 6px;
    border: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.share_li[data-v-593a21b1] {
    width: 20%;
    text-align: center;
    display: inline-block
}

.share_li img[data-v-593a21b1], .share_li span[data-v-593a21b1] {
    display: block;
    color: #7e7e7e;
    font-size: 10px
}

.share_img[data-v-593a21b1] {
    width: 80%;
    margin: 5px 5px 5px 5px
}

.share_ul li span[data-v-593a21b1] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-top: 5px
}

.share_ul[data-v-593a21b1] {
    border: 1px solid #c8c8c8;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    opacity: 1;
    border-radius: 10px
}

.red_dian[data-v-593a21b1] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 18%;
    right: 27%
}

.be_a_agent[data-v-593a21b1] {
    position: fixed;
    width: 78px;
    height: 70px;
    right: 0;
    bottom: 14%
}

.notice_zz[data-v-593a21b1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.notice_zz_wrapper[data-v-593a21b1] {
    position: fixed;
    background: #fff;
    margin-top: 16%;
    box-sizing: border-box;
    border-radius: 6px;
    width: 94%;
    height: 64%;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 2
}

.long_btn[data-v-593a21b1] {
    width: 90%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    position: absolute;
    bottom: 20px;
    left: 5%;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.corner_dsj[data-v-593a21b1] {
    width: 0;
    height: 0;
    border: 7px solid #828acc;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-top: 12px;
    margin-left: 3px
}

.corner_zsj[data-v-593a21b1] {
    width: 0;
    height: 0;
    border: 7px solid #828acc;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-bottom: 5px;
    margin-left: 3px
}

.referral_activity_help[data-v-593a21b1] {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 95%;
    background: #f5f5f5;
    opacity: 1;
    border-radius: 10px
}

.referral_activity_help p[data-v-593a21b1] {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #7e7e7e;
    opacity: 1;
    margin-left: 5px
}

.recharge[data-v-bcddb674] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.recharge_box[data-v-bcddb674] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-bcddb674] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-bcddb674] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-bcddb674] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-bcddb674] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-bcddb674] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-bcddb674] {
    font-size: 14px
}

.choose_page[data-v-bcddb674] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-bcddb674] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-bcddb674] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-bcddb674] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-bcddb674] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-bcddb674] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-bcddb674] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-bcddb674] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-bcddb674] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-bcddb674]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-bcddb674] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-bcddb674] {
    display: flex;
    justify-content: flex-end
}

.list_box li ol .icon img[data-v-bcddb674] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-bcddb674] {
    color: #757575
}

.list_box li ol .times[data-v-bcddb674] {
    color: #757575;
    font-size: 12px
}

.recharge[data-v-de8f629a] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.recharge_box[data-v-de8f629a] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-de8f629a] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-de8f629a] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-de8f629a] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-de8f629a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-de8f629a] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-de8f629a] {
    font-size: 14px
}

.choose_page[data-v-de8f629a] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-de8f629a] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-de8f629a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-de8f629a] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-de8f629a] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-de8f629a] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-de8f629a] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-de8f629a] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-de8f629a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-de8f629a]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-de8f629a] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-de8f629a] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px
}

.list_box li ol .icon img[data-v-de8f629a] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-de8f629a] {
    color: #757575
}

.list_box li ol .times[data-v-de8f629a] {
    color: #757575;
    font-size: 12px
}

.amount_list[data-v-06de31d8] {
    width: 100%;
    padding: 5px 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.amount_list_button[data-v-06de31d8] {
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    background: #f6f6f6
}

.amount_list_button[data-v-06de31d8], .choose_active[data-v-06de31d8] {
    width: 30%;
    height: 54px;
    margin-top: 10px;
    text-align: center;
    align-items: center;
    font-size: 20px;
    border: 1px solid #d4d4d4;
    opacity: 1;
    border-radius: 5px;
    position: relative
}

.choose_active[data-v-06de31d8] {
    background: #2196f3 !important;
    color: #fff !important
}

.choose_active_text[data-v-06de31d8] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    opacity: 1
}

.normal_active_text[data-v-06de31d8] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    opacity: 1
}

.custom-input-box[data-v-59600abd] {
    font-size: 14px
}

.custom-input-head[data-v-59600abd] {
    display: flex;
    padding: 5px 0
}

.custom-input-head img[data-v-59600abd] {
    width: 18px;
    height: 18px;
    margin-left: 5px
}

.custom-input[data-v-59600abd] {
    margin-top: 8px
}

.custom-input[data-v-59600abd] .van-cell {
    background: #f6f6f6;
    border-radius: 5px
}

.pup-main[data-v-59600abd] {
    width: 60vw;
    padding: 12px
}

.tabs-box[data-v-6195b5b0] {
    position: relative;
    padding-top: 4px;
    width: 100%
}

.tabs-head[data-v-6195b5b0] {
    display: flex;
    position: relative;
    bottom: -10px;
    height: 50px;
    text-align: center
}

.tabs-head-item[data-v-6195b5b0] {
    flex: 1;
    line-height: 46px;
    background: linear-gradient(180deg, #f5f5f5, #fff 80%, #d4d4d4);
    box-shadow: -3px -2px 6px -1px rgb(0 0 0/31%), 5px -5px 10px -4px rgb(0 0 0/31%);
    border-radius: 10px;
    opacity: .5;
    margin-right: 6px
}

.tabs-head-item[data-v-6195b5b0]:last-child {
    margin-right: 0
}

.tabs-main[data-v-6195b5b0] {
    position: relative;
    padding: 8px 4%;
    background: #fff;
    box-shadow: 0 -5px 10px -5px rgb(0 0 0/31%)
}

.active-title[data-v-6195b5b0] {
    position: relative;
    z-index: 10;
    opacity: 1;
    box-shadow: 0 -5px 10px -4px rgba(0, 0, 0, .31), -1px -5px 2px -9px rgba(0, 0, 0, .31);
    background: #fff;
    color: #00b76f
}

.modal[data-v-618f655f] {
    z-index: 1000000
}

.box[data-v-618f655f] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 240px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 20px;
    background: #fff;
    border-radius: 8px
}

.main[data-v-618f655f] {
    font-size: 16px;
    color: #333;
    line-height: 2
}

.foot[data-v-618f655f] {
    margin-top: 20px;
    text-align: right
}

.foot-item[data-v-618f655f] {
    display: inline-block;
    padding: 4px 8px;
    font-size: 18px
}

.cancel-item[data-v-618f655f] {
    color: #666
}

.yes-item[data-v-618f655f] {
    color: #529688
}

.recharge[data-v-645ef000] {
    background: #fff;
    padding-bottom: 64px;
    padding-top: 50px
}

.nav_bar .nav_right span.red_badge[data-v-645ef000] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px
}

.recharge_box[data-v-645ef000] {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    box-sizing: border-box;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.top_text[data-v-645ef000] {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #656565;
    opacity: 1;
    text-align: center;
    margin-bottom: 10px
}

.top_text span[data-v-645ef000] {
    height: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    opacity: 1
}

.top_text_balance[data-v-645ef000] {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    opacity: .5;
    text-align: center
}

.code_input_box[data-v-645ef000] {
    width: 100%;
    display: flex;
    justify-content: center
}

.code_input[data-v-645ef000] {
    width: 95%;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.code_input img[data-v-645ef000] {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.code_input input[data-v-645ef000] {
    width: 90%;
    font-size: 14px;
    border: 0
}

.text_field[data-v-645ef000] {
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    color: #212121
}

.payment_box[data-v-645ef000] {
    width: 100%;
    margin-left: 1px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.payment_box[data-v-645ef000] .van-radio__icon--checked .van-icon {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    width: 25px;
    display: inline-block
}

.payment_box[data-v-645ef000] .van-radio__icon .van-icon {
    border: transparent;
    width: 25px;
    display: inline-block
}

.payment_box .van-radio[data-v-645ef000] {
    height: 48px;
    line-height: 48px;
    font-size: 16px
}

.payment_text[data-v-645ef000] {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #757575
}

.van-radio[data-v-645ef000] .text {
    margin-left: 30px;
    display: inline-block;
    color: #212121
}

.add_card[data-v-645ef000] {
    margin-bottom: 5px
}

.add_card .van-collapse[data-v-645ef000] {
    width: 100%;
    height: 50px;
    padding: 15px;
    box-sizing: border-box;
    background: #f1f3ff;
    border: 1px solid #d2d5e7;
    opacity: 1;
    border-radius: 5px
}

[class*=van-hairline][data-v-645ef000]:after {
    border: 0
}

.van-collapse-item[data-v-645ef000] .van-cell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    background: #f1f3ff
}

.van-collapse-item[data-v-645ef000] .van-cell:after {
    border-bottom: 0
}

.van-collapse-item[data-v-645ef000] .van-cell__title {
    display: flex;
    flex-direction: row
}

.van-collapse-item[data-v-645ef000] img {
    width: 24px;
    height: 24px;
    margin-right: 38px
}

.nav_name[data-v-645ef000] {
    font-size: 14px;
    color: #4e4e4e
}

.nav_content[data-v-645ef000] {
    padding: 12px 15px 12px 48px;
    font-size: 14px;
    color: #4e4e4e
}

.van-collapse-item[data-v-645ef000] .van-collapse-item__content {
    padding: 12px 16px 0
}

.van-collapse-item[data-v-645ef000] .van-collapse-item__wrapper {
    border-bottom: 1px solid #e0e0e0
}

.password_box[data-v-645ef000] {
    box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 15px
}

.box_border[data-v-645ef000] {
    border-bottom: 1px solid #949494;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px
}

.password_box .box_border img[data-v-645ef000] {
    width: 24px;
    height: 24px
}

.password_box .box_border input[data-v-645ef000] {
    width: 90%;
    border: 0;
    font-size: 14px;
    background: #fff
}

.recharge_btn[data-v-645ef000] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.amount_list[data-v-645ef000] {
    width: 100%;
    padding: 5px 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.amount_list_button[data-v-645ef000] {
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    background: #f6f6f6
}

.amount_list_button[data-v-645ef000], .choose_active[data-v-645ef000] {
    width: 30%;
    height: 54px;
    margin-top: 10px;
    text-align: center;
    align-items: center;
    font-size: 20px;
    border: 1px solid #d4d4d4;
    opacity: 1;
    border-radius: 5px;
    position: relative
}

.choose_active[data-v-645ef000] {
    background: #2196f3 !important;
    color: #fff !important
}

.choose_active_text[data-v-645ef000] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    opacity: 1
}

.normal_active_text[data-v-645ef000] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    opacity: 1
}

.button_noclick[data-v-645ef000] {
    background-color: #a9a9a9 !important;
    width: 28%;
    height: 54px;
    margin: 5px 5px;
    border: 0
}

.foot_aqts_tips[data-v-645ef000] {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 19px;
    color: #bfbfbf;
    opacity: 1;
    text-align: center
}

.foot_aqts_img[data-v-645ef000] {
    margin-top: 5px;
    width: 95%;
    margin-left: 2.5%;
    line-height: 19px;
    color: #bfbfbf;
    letter-spacing: 20px;
    opacity: 1;
    text-align: center;
    align-self: center
}

.horizontal-scroll[data-v-645ef000] {
    display: flex;
    width: 96%;
    height: 120px;
    margin-left: 4%
}

[data-v-645ef000]::-webkit-scrollbar {
    display: none
}

.MinWinHome_body_game_scroll[data-v-645ef000] {
    flex: 1;
    width: auto;
    height: 100%;
    padding: 0 0;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: center;
    position: relative
}

.scrok_bank_card[data-v-645ef000] {
    background: linear-gradient(180deg, #54d7ae, #a2e6d4)
}

.scrok_bank_card[data-v-645ef000], .scrok_bank_card_sel[data-v-645ef000] {
    margin-left: 10px;
    width: 226px;
    height: 110px;
    border-radius: 5px;
    opacity: 1;
    position: relative
}

.scrok_bank_card_sel[data-v-645ef000] {
    background: linear-gradient(180deg, #00b76f, #00a87a)
}

.scrok_bank_card_line[data-v-645ef000] {
    width: 100%;
    height: 25%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    position: relative
}

.scrok_bank_card_line_show_img[data-v-645ef000] {
    width: 21px;
    height: 17px;
    margin-left: 3px
}

.scrok_bank_card_line_v_img[data-v-645ef000] {
    height: 72%;
    position: absolute;
    left: 3px;
    bottom: 1px;
    opacity: 1
}

.scrok_bank_card_line_float_view[data-v-645ef000] {
    width: 90px;
    height: 21px;
    background: #d1ffee;
    border-radius: 0 14px 14px 0;
    opacity: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 5px
}

.scrok_bank_card_line_float_view p[data-v-645ef000] {
    font-size: 12px;
    font-weight: 400;
    color: #004a34;
    line-height: 13px;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.scrok_bank_card_line_float_view_img[data-v-645ef000] {
    width: 26px;
    height: 26px;
    top: 5px;
    right: 5px;
    position: absolute;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.scrok_bank_card_line_float_view_img img[data-v-645ef000] {
    width: 20px
}

.scrok_bank_card_line_green[data-v-645ef000] {
    width: 100%;
    height: 19%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #50ffbd;
    line-height: 20px
}

.scrok_bank_card_add[data-v-645ef000] {
    margin-left: 10px;
    width: 226px;
    height: 110px;
    background: #ccefe3;
    border-radius: 5px;
    opacity: 1
}

.scrok_bank_card_add[data-v-645ef000], .withdraw_info[data-v-645ef000] {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.withdraw_info[data-v-645ef000] {
    width: 100%;
    height: 30px;
    flex-direction: row
}

.withdraw_info_left[data-v-645ef000] {
    width: 50%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: #b5b5b5;
    opacity: 1
}

.recharge_help_email[data-v-645ef000] {
    width: 92%;
    margin-left: 4%;
    margin-top: 20px;
    line-height: 20px;
    opacity: 1;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #b5b5b5
}

.record-item[data-v-9017de68] {
    padding: 0 16px;
    background: #f1f3ff;
    margin-bottom: 10px;
    font-size: 12px;
    margin-top: 10px;
    color: #c4c4c4;
    border-radius: 8px
}

.record-item div[data-v-9017de68], .record-item span[data-v-9017de68] {
    font-size: 14px
}

.item-title[data-v-9017de68] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.item-title-left[data-v-9017de68] {
    display: flex;
    align-items: center
}

.item-title-left h3[data-v-9017de68] {
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    font-weight: 700;
    color: #000;
    margin-right: 5px
}

.abnormal-item h3[data-v-9017de68] {
    color: #b8b8b8
}

.item-title-left img[data-v-9017de68] {
    width: 30px;
    height: 30px
}

.item-title-right[data-v-9017de68] {
    text-align: right
}

.item-main[data-v-9017de68], .item-title-right[data-v-9017de68] {
    line-height: 1.6
}

.success-color[data-v-9017de68] {
    color: #00c283
}

.error-color[data-v-9017de68] {
    color: #fa3c08
}

.applying-color[data-v-9017de68] {
    color: #ffa82e
}

.active[data-v-9017de68] {
    overflow: hidden;
    height: auto;
    transform: scaleY(1);
    transition: all .3s;
    transform-origin: top center
}

.unactive[data-v-9017de68] {
    overflow: hidden;
    height: 0;
    transform: scaleY(0);
    transition: all .3s;
    transform-origin: top center
}

.item-footer[data-v-9017de68] {
    position: relative;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #cbcddb;
    padding-bottom: 18px
}

.item_good_img[data-v-9017de68] {
    position: absolute;
    right: 0;
    top: -15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.item_good_img img[data-v-9017de68] {
    width: 25px;
    height: 25px
}

.action-box[data-v-9017de68] {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 24px
}

.action-box img[data-v-9017de68] {
    width: 14px
}

.division[data-v-9017de68] {
    margin: 0 6px
}

.recharge[data-v-19537a8c] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.recharge_box[data-v-19537a8c] {
    width: 100%;
    box-sizing: border-box;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-19537a8c] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-19537a8c] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-19537a8c] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-19537a8c] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-19537a8c] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-19537a8c] {
    font-size: 14px
}

.choose_page[data-v-19537a8c] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-19537a8c] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-19537a8c] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-19537a8c] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-19537a8c] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-19537a8c] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-19537a8c] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list[data-v-19537a8c] {
    margin: 0 10px
}

.completed_list .list_box[data-v-19537a8c] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-19537a8c] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-19537a8c]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-19537a8c] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-19537a8c] {
    font-size: 14px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-19537a8c] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-19537a8c], .list_box li ol .times[data-v-19537a8c] {
    color: #757575
}

.money_box[data-v-19537a8c] {
    display: flex;
    padding: 12px 0 6px
}

.money_item[data-v-19537a8c] {
    flex: 1;
    text-align: center
}

.money_item[data-v-19537a8c]:not(:last-child) {
    border-right: 1px solid #393939
}

.money_item_title[data-v-19537a8c] {
    font-size: 16px
}

.money_item_span_price[data-v-19537a8c] {
    font-size: 22px
}

.recharge[data-v-33cc9378] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.recharge_box[data-v-33cc9378] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-33cc9378] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-33cc9378] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-33cc9378] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-33cc9378] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-33cc9378] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-33cc9378] {
    font-size: 14px
}

.choose_page[data-v-33cc9378] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-33cc9378] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-33cc9378] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-33cc9378] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-33cc9378] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-33cc9378] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-33cc9378] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-33cc9378] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-33cc9378] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-33cc9378]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-33cc9378] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-33cc9378] {
    font-size: 14px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-33cc9378] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-33cc9378], .list_box li ol .times[data-v-33cc9378] {
    color: #757575
}

.bankcard[data-v-6690ea22] {
    background: #fff;
    padding-bottom: 64px;
    padding-top: 50px;
    position: relative
}

.address_list[data-v-6690ea22] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #fff
}

.list_ul li[data-v-6690ea22] {
    padding: 15px 10px 15px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc
}

.list_ul li .left_icon[data-v-6690ea22] {
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .left_icon img[data-v-6690ea22] {
    width: 40px;
    height: 40px
}

.list_ul li .center[data-v-6690ea22] {
    width: 72%
}

.list_ul li .center .name[data-v-6690ea22] {
    font-size: 16px
}

.list_ul li .center .info_text[data-v-6690ea22] {
    font-size: 14px;
    color: #757575;
    margin-top: 5px
}

.list_ul li .right_icon[data-v-6690ea22] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .right_icon img[data-v-6690ea22] {
    width: 24px;
    height: 24px
}

.popup_box[data-v-6690ea22] {
    padding: 20px 20px;
    box-sizing: border-box
}

.popup_box .popup_title[data-v-6690ea22] {
    font-size: 14px;
    color: #757575
}

.popup_ul li[data-v-6690ea22] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 10px 0;
    box-sizing: border-box
}

.popup_ul li img[data-v-6690ea22] {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

.delete_zz[data-v-6690ea22] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s cubic-bezier(.25, .8, .25, 1)
}

.warpper[data-v-6690ea22] {
    width: 70%;
    border-radius: 4px;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.warpper .title[data-v-6690ea22] {
    padding: 15px 15px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 400
}

.warpper .text[data-v-6690ea22] {
    padding: 15px 15px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    color: #505050
}

.warpper .bot_btn[data-v-6690ea22] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 8px 15px;
    box-sizing: border-box
}

.warpper .bot_btn button[data-v-6690ea22] {
    background: transparent;
    color: #757575;
    font-size: 14px;
    border: 0;
    height: 36px;
    line-height: 36px;
    margin-left: 30px
}

.warpper .bot_btn .btn[data-v-6690ea22] {
    color: #e53935 !important
}

.bankcard_tips[data-v-6690ea22] {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #7d7d7d;
    opacity: 1;
    text-align: center
}

.bankcard_tips[data-v-6690ea22], .notice_news[data-v-6df5b314] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.notice_news[data-v-6df5b314] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.notice_news .wrapper[data-v-6df5b314] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.notice_news .tz_close[data-v-6df5b314], .top_view[data-v-6df5b314] {
    display: flex;
    justify-content: center;
    padding: 8px 5px 8px 8px;
    box-sizing: border-box
}

.top_view_title[data-v-6df5b314] {
    height: 25px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #848484;
    opacity: 1
}

.middle_view[data-v-6df5b314] {
    height: 60px;
    display: flex;
    justify-content: center;
    padding: 8px 5px 8px 8px;
    box-sizing: border-box
}

.middle_view_label[data-v-6df5b314] {
    height: 46px;
    font-size: 33px;
    font-weight: 700;
    line-height: 46px;
    color: #494949;
    opacity: 1
}

.input_box[data-v-6df5b314] {
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 54px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 15px 5px 8px 15px;
    box-sizing: border-box
}

.input_box_div[data-v-6df5b314] {
    width: 70%
}

.input_box_div[data-v-6df5b314], .input_box_div_long_btn_gray[data-v-6df5b314] {
    height: 54px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.input_box_div_long_btn_gray[data-v-6df5b314] {
    background: #cdcdcd;
    color: #000
}

.input_box_div_long_btn[data-v-6df5b314], .input_box_div_long_btn_gray[data-v-6df5b314] {
    width: 25%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px
}

.input_box_div_long_btn[data-v-6df5b314] {
    height: 54px;
    background: #fd9a32;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.input_box div input[data-v-6df5b314] {
    border: 0;
    width: 90%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background: #fff
}

.input_box div img[data-v-6df5b314] {
    width: 25px;
    margin-right: 10px
}

.tips_span[data-v-6df5b314] {
    font-size: 12px !important;
    color: red;
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 15px;
    line-height: 12px;
    transition: all .3s
}

.long_btn[data-v-6df5b314] {
    width: 90%;
    height: 54px;
    margin-top: 10px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.addbankcard[data-v-6bf3c0e2] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.input_card[data-v-6bf3c0e2] {
    width: 100%;
    padding: 15px 15px 64px 15px;
    box-sizing: border-box
}

.input_card .card_ul li[data-v-6bf3c0e2] {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-6bf3c0e2] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li input[data-v-6bf3c0e2] {
    background: transparent;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #919191
}

.v-label-active[data-v-6bf3c0e2] {
    transform: translateY(-18px) scale(.75)
}

.teal-text[data-v-6bf3c0e2] {
    color: #009688;
    caret-color: #009688
}

.continue_btn[data-v-6bf3c0e2] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.h_active[data-v-6bf3c0e2] {
    border-bottom: 1px solid red !important
}

.recharge[data-v-40a9252e] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.address_list[data-v-40a9252e] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #fff
}

.list_ul li[data-v-40a9252e] {
    padding: 15px 10px 15px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc
}

.list_ul li .left_icon[data-v-40a9252e] {
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .left_icon img[data-v-40a9252e] {
    width: 40px;
    height: 40px
}

.list_ul li .center[data-v-40a9252e] {
    width: 72%
}

.list_ul li .center .name[data-v-40a9252e] {
    font-size: 16px
}

.list_ul li .center .info_text[data-v-40a9252e] {
    font-size: 14px;
    color: #757575;
    margin-top: 5px
}

.list_ul li .right_icon[data-v-40a9252e] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .right_icon img[data-v-40a9252e] {
    width: 24px;
    height: 24px
}

.popup_box[data-v-40a9252e] {
    padding: 20px 20px;
    box-sizing: border-box
}

.popup_box .popup_title[data-v-40a9252e] {
    font-size: 14px;
    color: #757575
}

.popup_ul li[data-v-40a9252e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 10px 0;
    box-sizing: border-box
}

.popup_ul li img[data-v-40a9252e] {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

.addbankcard[data-v-2401cf5c] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.input_card[data-v-2401cf5c] {
    width: 100%;
    padding: 15px 15px 64px 15px;
    box-sizing: border-box
}

.input_card .card_ul li[data-v-2401cf5c] {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-2401cf5c] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li input[data-v-2401cf5c] {
    background: transparent;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #919191
}

.input_card .card_ul li input[data-v-2401cf5c]:focus {
    border-bottom: 1px solid #009688
}

.v-label-active[data-v-2401cf5c] {
    transform: translateY(-18px) scale(.75)
}

.teal-text[data-v-2401cf5c] {
    color: #009688;
    caret-color: #009688
}

.continue_btn[data-v-2401cf5c] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.complaints[data-v-f14ffc46] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.completed_nav[data-v-f14ffc46] {
    display: flex;
    flex-direction: row;
    padding: 20px 20px;
    box-sizing: border-box;
    background: #00b76f;
    position: relative
}

.completed_nav li[data-v-f14ffc46] {
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 15px
}

.completed_nav .li_line[data-v-f14ffc46] {
    width: 48%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 20px;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.content .recharge_box[data-v-f14ffc46] {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-f14ffc46] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-f14ffc46] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-f14ffc46] {
    width: 45%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-f14ffc46] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-f14ffc46] {
    width: 46%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-f14ffc46] {
    font-size: 14px
}

.choose_page[data-v-f14ffc46] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-f14ffc46] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-f14ffc46] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-f14ffc46] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-f14ffc46] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-f14ffc46] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-f14ffc46] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-f14ffc46] {
    padding: 0 20px 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-f14ffc46] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-f14ffc46]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-f14ffc46] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-f14ffc46] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px
}

.list_box li ol .icon img[data-v-f14ffc46] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-f14ffc46] {
    color: #757575
}

.list_box li ol .times[data-v-f14ffc46] {
    color: #757575;
    font-size: 12px
}

.agree_zz[data-v-f14ffc46] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9
}

.wrapper[data-v-f14ffc46] {
    background: #fff;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative
}

.agree_title[data-v-f14ffc46] {
    font-size: 24px;
    padding: 15px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree[data-v-f14ffc46] {
    width: 100%;
    padding: 15px 15px 60px 15px;
    box-sizing: border-box
}

.input_card .card_ul[data-v-f14ffc46] {
    padding-bottom: 50px
}

.input_card .card_ul li[data-v-f14ffc46] {
    padding: 15px 10px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-f14ffc46] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li input[data-v-f14ffc46], .input_card .card_ul li textarea[data-v-f14ffc46] {
    background: transparent;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #919191;
    padding-bottom: 4px
}

.input_card .card_ul li textarea[data-v-f14ffc46] {
    height: 60px
}

.close_btn[data-v-f14ffc46] {
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-f14ffc46] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.tips[data-v-f14ffc46] {
    padding: 10px 15px 20px;
    box-sizing: border-box;
    font-size: 14px
}

.addbankcard[data-v-baf9d9e0] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.nav_bar .nav_middle[data-v-baf9d9e0] {
    font-size: 18px
}

.input_card[data-v-baf9d9e0] {
    width: 100%;
    padding: 15px 15px 20px 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.input_card .card_ul li[data-v-baf9d9e0] {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-baf9d9e0] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li .van-cell[data-v-baf9d9e0] {
    padding: 0;
    border-bottom: 1px solid #919191
}

.input_card .card_ul li .van-cell[data-v-baf9d9e0] .van-field__body {
    position: relative
}

.input_card .card_ul li .van-cell[data-v-baf9d9e0] .van-field__body:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    border: 4px solid;
    border-color: transparent transparent #757575 #757575;
    transform: rotate(-45deg);
    opacity: .8;
    content: ""
}

.input_card .card_ul li input[data-v-baf9d9e0], .input_card .card_ul li textarea[data-v-baf9d9e0] {
    background: transparent;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #919191
}

.input_card .card_ul li textarea[data-v-baf9d9e0] {
    padding-bottom: 4px;
    height: 60px
}

.v-label-active[data-v-baf9d9e0] {
    transform: translateY(-18px) scale(.75)
}

.teal-text[data-v-baf9d9e0] {
    color: #009688;
    caret-color: #009688
}

.continue_btn[data-v-baf9d9e0] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.tips[data-v-baf9d9e0] {
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    padding: 10px 0;
    text-align: center
}

.privacypolicy[data-v-19cfa3ca] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.content_agree[data-v-19cfa3ca] {
    width: 100%;
    margin-top: 10px;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    pointer-events: auto;
    background: #fafafa;
    line-height: 1.5
}

ul[data-v-19cfa3ca] {
    padding: 0 15px;
    box-sizing: border-box
}

li[data-v-19cfa3ca], ol[data-v-19cfa3ca], ul[data-v-19cfa3ca] {
    list-style: disc;
    font-size: 14px
}

h1[data-v-19cfa3ca] {
    font-size: 24px
}

h2[data-v-19cfa3ca] {
    font-size: 18px
}

h3[data-v-19cfa3ca] {
    font-size: 14px
}

strong[data-v-19cfa3ca] {
    font-size: 14px;
    font-weight: 700
}

.content_agree p[data-v-19cfa3ca] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px
}

.riskagreement[data-v-2fdba648] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.content_agree[data-v-2fdba648] {
    width: 100%;
    margin-top: 10px;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    pointer-events: auto;
    background: #fafafa;
    line-height: 1.5
}

h3[data-v-2fdba648] {
    font-size: 18px;
    text-align: center
}

.content_agree p[data-v-2fdba648] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px
}

.normal_notice_zz[data-v-06797010] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.normal_wrapper[data-v-06797010] {
    position: relative;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.normal_tz_img[data-v-06797010] {
    width: 72px
}

.normal_tz_info[data-v-06797010] {
    padding: 20px 0 20px 15px;
    font-size: 14px;
    font-weight: 200;
    line-height: 18px;
    color: #5e5e5e;
    opacity: 1;
    overflow-y: auto !important
}

.normal_tz_close[data-v-06797010] {
    display: flex;
    height: 60px;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 10px
}

.tz_close_left[data-v-06797010] {
    background: #e9e9e9;
    color: #606060
}

.tz_close_left[data-v-06797010], .tz_close_right[data-v-06797010] {
    height: 54px;
    width: 48%;
    opacity: 1;
    border-radius: 5px;
    line-height: 30px;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tz_close_right[data-v-06797010] {
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff;
    overflow: hidden
}

.normal_notice_zz[data-v-39fe5c32] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.normal_wrapper[data-v-39fe5c32] {
    position: relative;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.normal_tz_img[data-v-39fe5c32] {
    width: 72px
}

.bottom_tz_info[data-v-39fe5c32] {
    font-size: 13px;
    line-height: 22px;
    color: #a4a4a4
}

.bottom_tz_info[data-v-39fe5c32], .normal_tz_info[data-v-39fe5c32] {
    padding: 20px 0 20px 15px;
    text-align: center;
    overflow-y: auto !important;
    opacity: 1
}

.normal_tz_info[data-v-39fe5c32] {
    color: #5e5e5e;
    font-size: 22px;
    font-weight: 300;
    line-height: 33px
}

.normal_tz_close[data-v-39fe5c32] {
    display: flex;
    height: 60px;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 10px
}

.tz_close_left[data-v-39fe5c32] {
    background: #e9e9e9;
    color: #606060
}

.tz_close_left[data-v-39fe5c32], .tz_close_right[data-v-39fe5c32] {
    height: 54px;
    width: 48%;
    opacity: 1;
    border-radius: 5px;
    line-height: 30px;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px
}

.tz_close_right[data-v-39fe5c32] {
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff;
    overflow: hidden
}

.normal_tz_title[data-v-39fe5c32] {
    width: 100%;
    margin-top: 7px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 35px;
    color: #000;
    opacity: 1
}

.dialog_box[data-v-2318f3d7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.dialog_main[data-v-2318f3d7] {
    position: relative;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.dialog_title[data-v-2318f3d7] {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    color: #333
}

.dialog_title_logo[data-v-2318f3d7] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background: #4bd275;
    border-radius: 50%;
    margin-right: 8px
}

.dialog_title_logo[data-v-2318f3d7]:after {
    content: "\2713";
    color: #fff;
    font-size: 16px
}

.dialog_price[data-v-2318f3d7] {
    display: flex;
    font-size: 28px;
    color: #e83d23;
    margin-top: 10px;
    font-weight: 700
}

.dialog_content[data-v-2318f3d7] {
    color: #333;
    margin: 30px 0;
    text-align: center;
    font-size: 16px
}

.dialog_info[data-v-2318f3d7] {
    padding: 5px;
    border-radius: 6px;
    background: #d9d9d9;
    color: #de1a37;
    font-weight: 700;
    font-size: 12px
}

.wrapper_content_i_know[data-v-2318f3d7] {
    width: 90%;
    height: 45px;
    background: #3eb04f;
    opacity: 1;
    border-radius: 6px;
    border: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 25px 0
}

.redenvelopes[data-v-bd732668] {
    height: 896px;
    background: linear-gradient(180deg, #ffdcac, #fff 26%, #f8e0c2 76%, #f9e7cd);
    opacity: 1;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-start
}

.redenvelopes[data-v-bd732668], .top_bar[data-v-bd732668] {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center
}

.top_bar[data-v-bd732668] {
    height: 50px;
    position: relative;
    flex-direction: row;
    justify-content: center
}

.top_bar_float_img[data-v-bd732668] {
    height: 25px;
    bottom: -17px;
    right: 29px;
    position: absolute
}

.top_bar_middle[data-v-bd732668] {
    width: 73%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.top_bar_middle_hb_amount[data-v-bd732668] {
    height: 33px;
    background: #fff3e8;
    border-radius: 18px;
    justify-content: flex-start
}

.top_bar_middle_hb_amount[data-v-bd732668], .top_bar_middle_hb_amount_info[data-v-bd732668] {
    width: 100%;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.top_bar_middle_hb_amount_info[data-v-bd732668] {
    height: 17px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #ec5d29;
    justify-content: center;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top_bar_middle_v_no_login[data-v-bd732668] {
    width: 24px;
    height: 24px;
    background: #0bc048;
    opacity: 1;
    border-radius: 27px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #fff;
    margin-left: 5px
}

.top_bar_middle_v_login[data-v-bd732668] {
    width: 24px;
    height: 24px;
    margin-left: 5px
}

.top_bar_back[data-v-bd732668] {
    width: 12%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.top_bar_back img[data-v-bd732668] {
    height: 16px
}

.top_bar_rule[data-v-bd732668] {
    width: 15%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #000;
    text-decoration: underline;
    opacity: 1
}

.redenvelopes_title[data-v-bd732668], .top_bar_rule[data-v-bd732668] {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.redenvelopes_title[data-v-bd732668] {
    margin-top: 32px;
    height: 28px;
    width: 100%
}

.redenvelopes_title img[data-v-bd732668] {
    height: 28px
}

.redenvelopes_title_fu[data-v-bd732668] {
    margin-top: 15px;
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #ec5d29;
    opacity: 1;
    text-align: center
}

.redenvelopes_remaining[data-v-bd732668] {
    margin-top: 10px;
    width: 100%;
    height: 40px
}

.redenvelopes_remaining[data-v-bd732668], .redenvelopes_remaining_content[data-v-bd732668] {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.redenvelopes_remaining_content[data-v-bd732668] {
    width: 90%;
    height: 30px;
    background: linear-gradient(270deg, rgba(236, 101, 60, 0), #ff3b00 15%, #e1250e 52%, #ff3b00 86%, rgba(236, 101, 60, 0));
    opacity: .9;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #ffee9b
}

.redenvelopes_remaining_content_num[data-v-bd732668] {
    width: 18px;
    height: 22px;
    background: #fff;
    opacity: 1;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #ff200c;
    margin-left: 2px;
    text-align: center
}

.redenvelopes_hb[data-v-bd732668] {
    margin-top: 15px;
    width: 100%;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.redenvelopes_hb_img[data-v-bd732668] {
    width: 90%
}

.redenvelopes_hb_float_img[data-v-bd732668] {
    height: 67px;
    position: absolute;
    right: 10px;
    top: -57px
}

.redenvelopes_hb_amount[data-v-bd732668] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 38%;
    left: 0
}

.redenvelopes_hb_amount_span[data-v-bd732668] {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: #fffdb8;
    margin-right: 8px
}

.redenvelopes_hb_no_login[data-v-bd732668] {
    width: 100%;
    margin-top: 20px;
    height: 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    color: #917f7f;
    opacity: 1;
    text-align: center
}

.redenvelopes_hb_get_it_now[data-v-bd732668] {
    margin-top: 20px;
    width: 90%;
    height: 44px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 7px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 0
}

.redenvelopes_hb_get_it_now img[data-v-bd732668] {
    width: 42px;
    position: absolute;
    left: 5px;
    top: 2px
}

.redenvelopes_hb_createlink_title[data-v-bd732668] {
    margin-top: 15px;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #292929;
    opacity: 1;
    text-align: center
}

.copy_link_div[data-v-bd732668] {
    position: relative;
    width: 90%;
    height: 47px;
    background: #ececec;
    border: 1px solid #cbcbcb;
    opacity: 1;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 10px
}

.copy_link_div div[data-v-bd732668] {
    margin-left: 2%;
    width: 68%;
    height: 47px;
    font-size: 19px;
    font-weight: 400;
    line-height: 47px;
    color: #747474;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden
}

.copy_link_div button[data-v-bd732668] {
    width: 30%;
    height: 47px;
    background: #ff8921;
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 0
}

.hot_icon[data-v-bd732668] {
    width: 32px;
    height: 32px;
    position: absolute;
    right: -8px;
    top: -17px
}

.redenvelopes_share_login[data-v-bd732668] {
    margin-top: 25px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #eb8124;
    text-decoration: underline;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center
}

.notice_zz[data-v-bd732668] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.wrapper[data-v-bd732668] {
    position: relative;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    width: 344px;
    height: 508px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.wrapper_image[data-v-bd732668] {
    height: 100%;
    border-radius: 10px
}

.wrapper_content[data-v-bd732668] {
    height: 17%;
    width: 100%;
    top: 83%;
    position: absolute
}

.wrapper_content[data-v-bd732668], .wrapper_content_i_know[data-v-bd732668] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center
}

.wrapper_content_i_know[data-v-bd732668] {
    width: 90%;
    height: 50px;
    background: #fff;
    opacity: 1;
    border-radius: 6px;
    border: 0;
    font-size: 20px;
    line-height: 25px;
    color: #00275e;
    margin-bottom: 15px
}

.redenvelopes_random[data-v-3fef807c] {
    background: #f5f5f5;
    position: relative;
    padding-top: 50px;
    padding-bottom: 64px
}

.top_nav[data-v-3fef807c] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-3fef807c], .top_nav[data-v-3fef807c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-3fef807c] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-3fef807c] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-3fef807c] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.content_box[data-v-3fef807c] {
    display: flex;
    justify-content: center;
    background: #f5f5f5
}

.redenvelopes_random_box[data-v-3fef807c] {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    padding: 0 0 15px;
    box-sizing: border-box
}

.redenvelopes_random_box_title[data-v-3fef807c] {
    width: 100%;
    height: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    color: #7e7e7e;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.img_box[data-v-3fef807c] {
    width: 100%;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hb_img_box[data-v-3fef807c] {
    width: 100%;
    height: 100%;
    position: relative
}

.hb_img_box img[data-v-3fef807c] {
    width: 100%;
    position: absolute;
    top: -40px
}

.hb_img_box .price[data-v-3fef807c] {
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: #fffdb8;
    position: absolute;
    top: 150px
}

.hb_img_box .price span[data-v-3fef807c] {
    font-size: 32px
}

.user_info_area[data-v-3fef807c] {
    margin-top: 35px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.redenvelopes_random_record[data-v-3fef807c] {
    width: 100%;
    background: #f5f5f5;
    height: 600px;
    margin-top: 10px
}

.redenvelopes_random_record_title[data-v-3fef807c] {
    margin-top: 25px;
    margin-bottom: 15px;
    width: 100%;
    height: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #7e7e7e;
    opacity: 1;
    text-align: center
}

.redenvelopes_random_record_body_row[data-v-3fef807c] {
    margin-bottom: 8px;
    margin-top: 8px;
    width: 90%;
    height: 40px;
    opacity: 1;
    background: #f5f5f5;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.redenvelopes_random_record_body_row_img[data-v-3fef807c] {
    width: 17%;
    height: 100%
}

.redenvelopes_random_record_body_row_img img[data-v-3fef807c] {
    width: 40px;
    height: 40px
}

.redenvelopes_random_record_body_row_middle[data-v-3fef807c] {
    width: 58%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.redenvelopes_random_record_body_row_middle span[data-v-3fef807c] {
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    font-weight: 400;
    line-height: 0;
    color: #9b9b9b;
    opacity: 1
}

.redenvelopes_random_record_body_row_award[data-v-3fef807c] {
    width: 25%;
    justify-content: center
}

.redenvelopes_random_record_body_row_award[data-v-3fef807c], .redenvelopes_random_record_body_row_award_normal[data-v-3fef807c] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.redenvelopes_random_record_body_row_award_normal[data-v-3fef807c] {
    width: 100%;
    justify-content: flex-end;
    margin-right: 10px
}

.redenvelopes_random_record_body_row_award_max[data-v-3fef807c] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 400;
    line-height: 0;
    color: #9b9b9b;
    opacity: 1
}

.redenvelopes_random_record_body_row_award_max_award[data-v-3fef807c] {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 18px;
    color: red;
    opacity: 1
}

.redenvelopes_random_record_body_row_award_max_luckest[data-v-3fef807c] {
    width: 90%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    margin-left: 16px;
    opacity: 1
}

.redenvelopes_random_record_body_row_award_max_luckest_div img[data-v-3fef807c] {
    width: 13px
}

.redenvelopes_random_record_body_row_award_max_luckest_div[data-v-3fef807c] {
    width: 100%;
    height: 17px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    line-height: 16px;
    color: #fffc97;
    opacity: 1;
    background: red;
    border-radius: 12px
}

.redenvelopes_random_record_body[data-v-3fef807c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.user_info_area_login[data-v-3fef807c], .user_info_area_not_login[data-v-3fef807c] {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #7e7e7e;
    opacity: 1
}

.user_info_area_login[data-v-3fef807c] {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start
}

.user_info_area_login img[data-v-3fef807c] {
    width: 40px;
    height: 40px
}

.user_info_area_login span[data-v-3fef807c] {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    opacity: 1
}

.btn_box[data-v-3fef807c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
    z-index: 99
}

.btn_box_login[data-v-3fef807c] {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin-top: 2vw
}

.long_btn_shrot_left[data-v-3fef807c] {
    font-size: 22px;
    height: 44px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 27px;
    background: #fff;
    width: 157px;
    color: #0bc048;
    border: 1px solid #0bc048
}

.long_btn_shrot[data-v-3fef807c] {
    border: 0;
    width: 157px;
    border-radius: 27px;
    border: 1px solid #0bc048
}

.long_btn[data-v-3fef807c], .long_btn_shrot[data-v-3fef807c] {
    font-size: 22px;
    color: #fff;
    background: #0bc048;
    height: 44px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1
}

.long_btn[data-v-3fef807c] {
    border: 0;
    width: 247px;
    border-radius: 27px
}

.copy_link_div[data-v-3fef807c] {
    position: relative;
    width: 80%;
    height: 47px;
    background: #ececec;
    border: 1px solid #cbcbcb;
    opacity: 1;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 5vw
}

.copy_link_div div[data-v-3fef807c] {
    margin-left: 2%;
    width: 68%;
    height: 47px;
    font-size: 19px;
    font-weight: 400;
    line-height: 47px;
    color: #747474;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden
}

.copy_link_div button[data-v-3fef807c] {
    width: 30%;
    height: 47px;
    background: #ff8921;
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 0
}

.tz_close button[data-v-3fef807c] {
    border: 0;
    background: transparent;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    color: #0bc048;
    text-decoration: underline;
    opacity: 1
}

.lifaafa_promotion_link[data-v-3fef807c] {
    margin-top: 10px;
    width: 71%;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #f70;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.gift_icon[data-v-3fef807c] {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 60px;
    top: 3px
}

.hot_icon[data-v-3fef807c] {
    width: 32px;
    height: 32px;
    position: absolute;
    right: -8px;
    top: -17px
}

.notice_zz_suc[data-v-3fef807c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 8
}

.wrapper[data-v-3fef807c] {
    background: #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100px;
    width: 66%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .8;
    z-index: 99
}

.amount_txt[data-v-3fef807c] {
    height: 66%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    opacity: 1
}

.amount_txt_tip[data-v-3fef807c] {
    height: 34%;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 1
}

.box[data-v-8aa297dc] {
    padding: 0 16px
}

.questions[data-v-8aa297dc] {
    padding: 20px 16px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.answer-item[data-v-8aa297dc] {
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    opacity: 1;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 16px;
    color: rgba(0, 0, 0, .8);
    margin-top: 16px
}

.answer-item-active[data-v-8aa297dc] {
    color: #0bc048;
    border: 1px solid #0bc048
}

.answer-item-select[data-v-8aa297dc] {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px
}

.answer-item-active .answer-item-select[data-v-8aa297dc] {
    display: unset
}

.img-box[data-v-8aa297dc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 0
}

.answer-img-item[data-v-8aa297dc] {
    position: relative;
    width: 40%;
    box-sizing: border-box;
    margin: 10px 6px
}

.answer-img-item .item-img[data-v-8aa297dc] {
    width: 100%;
    box-sizing: border-box
}

.answer-img-item-active[data-v-8aa297dc] {
    border: 2px solid #0bc048
}

.img-box-mask[data-v-8aa297dc] {
    display: none;
    box-sizing: border-box
}

.answer-img-item-active .img-box-mask[data-v-8aa297dc] {
    display: unset;
    width: 100%;
    height: 100%;
    display: flex;
    border: 2px solid #0bc048;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(11, 192, 172, .3)
}

.img-box-mask img[data-v-8aa297dc] {
    width: 30px
}

.qa-box[data-v-584b43bb] {
    display: flex;
    flex-direction: column;
    height: 100vh
}

.iframe-box[data-v-584b43bb], .qa-main[data-v-584b43bb] {
    width: 100%;
    height: 100%
}

div.nav_bar_recharge[data-v-584b43bb] {
    height: 50px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-584b43bb] {
    font-size: 20px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    opacity: 1;
    padding: 0 8px
}

.nav_middle[data-v-584b43bb] {
    margin-left: -16px
}

.btn-box[data-v-584b43bb] {
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin: 15px 0
}

.btn-box button[data-v-584b43bb] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    height: 100%;
    font-size: 22px;
    background: #0bc048;
    color: #fff;
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: none
}

.error-text[data-v-584b43bb] {
    color: red;
    text-align: center;
    margin-bottom: 10px
}

.qa-box[data-v-151a3a41] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%
}

.qa-main[data-v-151a3a41] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1
}

.iframe-box[data-v-151a3a41] {
    width: 100%;
    height: 100%
}

div.nav_bar_recharge[data-v-151a3a41] {
    height: 50px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-151a3a41] {
    font-size: 20px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    opacity: 1;
    padding: 0 8px
}

.nav_middle[data-v-151a3a41] {
    margin-left: -16px
}

.btn-box[data-v-151a3a41] {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    margin: 10px 0
}

.btn-box button[data-v-151a3a41] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    height: 100%;
    font-size: 22px;
    background: #0bc048;
    color: #fff;
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: none
}

.top_nav[data-v-68640a97] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-68640a97], .top_nav[data-v-68640a97] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-68640a97] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-68640a97] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-68640a97] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.back_red img[data-v-68640a97] {
    width: 100%
}

.content_box[data-v-68640a97] {
    display: flex;
    justify-content: center;
    padding-top: 9vw
}

.redenvelopes_box[data-v-68640a97] {
    width: 95%;
    background: #fff;
    position: relative;
    border-radius: 6px;
    padding: 40px 20px;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-68640a97] {
    font-size: 26px;
    text-align: center;
    font-weight: 700
}

.img_box[data-v-68640a97] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw
}

.hb_img_box[data-v-68640a97] {
    width: 50vw;
    height: 50vw;
    position: relative
}

.hb_img_box img[data-v-68640a97] {
    width: 50vw;
    height: 50vw
}

.hb_img_box .price[data-v-68640a97] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 15vw;
    left: 0
}

.hb_img_box .price span[data-v-68640a97] {
    font-size: 32px
}

.btn_box[data-v-68640a97] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.btn_box button[data-v-68640a97] {
    width: 90%;
    height: 54px;
    font-size: 18px;
    color: #fff;
    border: 0;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.notice_zz[data-v-68640a97] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.wrapper[data-v-68640a97] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-68640a97] {
    font-size: 24px;
    padding: 15px
}

.tz_info_tishi[data-v-68640a97] {
    font-size: 30px;
    padding: 15px;
    color: red
}

.tz_info[data-v-68640a97] {
    font-size: 15px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-68640a97] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-68640a97] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.new_table[data-v-68640a97] {
    width: 96%;
    margin-left: 2%;
    background: #fff;
    padding: 15px 0 20px;
    box-sizing: border-box
}

.new_table .table_ul[data-v-68640a97] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.new_table .table_ul table_head[data-v-68640a97] {
    border-radius: 6px;
    background: #eff0fe;
    opacity: 1;
    overflow: hidden;
    border: 1px solid #d5d8ec
}

.new_table .table_ul .table_head ol[data-v-68640a97] {
    font-size: 12px;
    font-weight: 700
}

.new_table .table_ul .table_body[data-v-68640a97] {
    font-size: 14px
}

.new_table .table_ul li[data-v-68640a97] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-68640a97] {
    width: 50%;
    text-align: center;
    line-height: 26px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.top_nav[data-v-5e12d2a8] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-5e12d2a8], .top_nav[data-v-5e12d2a8] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-5e12d2a8] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-5e12d2a8] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-5e12d2a8] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.content_box[data-v-5e12d2a8] {
    display: flex;
    justify-content: center;
    padding-top: 9vw
}

.redenvelopes_box[data-v-5e12d2a8] {
    width: 80%;
    background: #fff;
    position: relative;
    border-radius: 6px;
    padding: 40px 20px;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-5e12d2a8] {
    font-size: 26px;
    text-align: center;
    font-weight: 700
}

.img_box[data-v-5e12d2a8] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw
}

.hb_img_box[data-v-5e12d2a8] {
    width: 50vw;
    height: 50vw;
    position: relative
}

.hb_img_box img[data-v-5e12d2a8] {
    width: 50vw;
    height: 50vw
}

.hb_img_box .price[data-v-5e12d2a8] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 15vw;
    left: 0
}

.hb_img_box .price span[data-v-5e12d2a8] {
    font-size: 32px
}

.btn_box[data-v-5e12d2a8] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12vw
}

.btn_box button[data-v-5e12d2a8] {
    width: 80%;
    background: #fff;
    font-size: 18px;
    color: #fff;
    background: #d6170d;
    border: 0;
    border-radius: 4px;
    padding: 12px 0
}

.notice_zz[data-v-5e12d2a8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    padding-left: 9%;
    align-items: center;
    text-align: center
}

.wrapper[data-v-5e12d2a8] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-5e12d2a8] {
    font-size: 24px;
    padding: 15px
}

.tz_info_tishi[data-v-5e12d2a8] {
    font-size: 30px;
    padding: 15px;
    color: red
}

.tz_info[data-v-5e12d2a8] {
    font-size: 15px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-5e12d2a8] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-5e12d2a8] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.doudong[data-v-5e12d2a8] {
    -webkit-animation: shake-data-v-5e12d2a8 1.5s linear infinite;
    animation: shake-data-v-5e12d2a8 1.5s linear infinite
}

@-webkit-keyframes shake-data-v-5e12d2a8 {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

@keyframes shake-data-v-5e12d2a8 {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

.customer_ul[data-v-597776e0] {
    margin: 10px
}

.box_customeanswer ul li[data-v-597776e0] {
    border: 1px solid rgba(0, 0, 0, .125)
}

.box_customeanswer ul li p[data-v-597776e0] {
    line-height: 25px;
    padding: 10px 10px 10px
}

.title_p[data-v-597776e0] {
    color: #007bff;
    font-size: 15px;
    background-color: #f7f7f7
}

.after_p[data-v-597776e0] {
    display: none;
    background-color: #fff
}

.top_nav[data-v-597776e0] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-597776e0], .top_nav[data-v-597776e0] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-597776e0] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-597776e0] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right[data-v-597776e0] {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_nav .right img[data-v-597776e0] {
    width: 25px;
    height: 25px
}

.recharge[data-v-1bd90ab0] {
    background: #fff;
    padding-bottom: 64px;
    padding-top: 50px
}

.recharge_box[data-v-1bd90ab0] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-1bd90ab0] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-1bd90ab0] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-1bd90ab0] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-1bd90ab0] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-1bd90ab0] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-1bd90ab0] {
    font-size: 14px
}

.choose_page[data-v-1bd90ab0] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-1bd90ab0] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-1bd90ab0] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-1bd90ab0] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-1bd90ab0] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-1bd90ab0] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-1bd90ab0] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-1bd90ab0] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-1bd90ab0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-1bd90ab0]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-1bd90ab0] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-1bd90ab0] {
    display: flex;
    justify-content: flex-end
}

.list_box li ol .icon img[data-v-1bd90ab0] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-1bd90ab0] {
    color: #757575
}

.list_box li ol .times[data-v-1bd90ab0] {
    color: #757575;
    font-size: 12px
}

.top_nav[data-v-4cc93a4b] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-4cc93a4b], .top_nav[data-v-4cc93a4b] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-4cc93a4b] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-4cc93a4b] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-4cc93a4b] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.content_box[data-v-4cc93a4b] {
    display: flex;
    justify-content: center;
    padding-top: 9vw
}

.redenvelopes_box[data-v-4cc93a4b] {
    width: 80%;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    padding: 40px 20px;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-4cc93a4b] {
    font-size: 26px;
    text-align: center;
    font-weight: 700
}

.img_box[data-v-4cc93a4b] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw
}

.hb_img_box[data-v-4cc93a4b] {
    width: 50vw;
    height: 50vw;
    position: relative
}

.hb_img_box img[data-v-4cc93a4b] {
    width: 50vw;
    height: 50vw
}

.hb_img_box .price[data-v-4cc93a4b] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 15vw;
    left: 0
}

.hb_img_box .price span[data-v-4cc93a4b] {
    font-size: 32px
}

.btn_box[data-v-4cc93a4b] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12vw
}

.btn_box button[data-v-4cc93a4b] {
    width: 80%;
    background: #fff;
    font-size: 18px;
    color: #fff;
    background: #d6170d;
    border: 0;
    border-radius: 4px;
    padding: 12px 0
}

.content_desc[data-v-4cc93a4b] {
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
    text-align: left
}

.notice_news[data-v-cce037ec] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.notice_news .wrapper[data-v-cce037ec] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.notice_news .tz_close[data-v-cce037ec], .top_view[data-v-cce037ec] {
    display: flex;
    justify-content: center;
    padding: 8px 5px 8px 8px;
    box-sizing: border-box
}

.top_view_title[data-v-cce037ec] {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #3e3e46;
    opacity: 1
}

.middle_view[data-v-cce037ec] {
    height: 80px;
    display: flex;
    justify-content: center;
    padding: 8px 5px 8px 8px;
    box-sizing: border-box
}

.middle_view_label[data-v-cce037ec] {
    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
    color: #e42f2f;
    opacity: 1
}

.theme_setting_select_div_content_sel[data-v-cce037ec] {
    width: 29px;
    height: 29px;
    background: #0bc048;
    border-radius: 50%;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center
}

.long_btn[data-v-cce037ec] {
    width: 90%;
    height: 54px;
    background: #fd9a32;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.task[data-v-6001d86c] {
    margin-top: 10px;
    background-color: #fff
}

.task[data-v-6001d86c], .task_item[data-v-6001d86c], .task_item_doing[data-v-6001d86c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing[data-v-6001d86c] {
    margin-top: 10px;
    height: 88px;
    background: #eff6ff;
    opacity: 1;
    border-radius: 10px
}

.task_item_doing_item[data-v-6001d86c] {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing_item_top_left[data-v-6001d86c] {
    margin-left: 15px;
    width: 70%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing_item_top_left_title[data-v-6001d86c] {
    margin-top: 5px;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    opacity: 1
}

.task_item_doing_item_top_left_condtion[data-v-6001d86c] {
    width: 100%;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_doing_item_top_right[data-v-6001d86c] {
    margin-right: 15px;
    width: 30%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: #e42f2f;
    opacity: 1;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px
}

.task_item_normal[data-v-6001d86c] {
    margin-top: 10px;
    width: 100%;
    height: 53px;
    background: #eff6ff;
    border-radius: 10px;
    justify-content: center
}

.task_item_normal[data-v-6001d86c], .task_item_normal_title_hide[data-v-6001d86c] {
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.task_item_normal_title_hide[data-v-6001d86c] {
    width: 70%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 80%;
    color: #000;
    justify-content: flex-start;
    margin-left: 15px
}

.task_item_normal_award_hide[data-v-6001d86c] {
    margin-right: 15px;
    width: 30%;
    height: 28px;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    color: #e42f2f;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_recharge[data-v-6001d86c] {
    margin-right: 3%;
    margin-left: 3%;
    width: 94%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top[data-v-6001d86c] {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top_left[data-v-6001d86c] {
    height: 100%;
    width: 17%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.task_item_content_top_left_img[data-v-6001d86c] {
    height: 40px;
    width: 40px
}

.task_item_content_top_middle_title[data-v-6001d86c] {
    height: 26px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.task_item_content_top_middle_desc[data-v-6001d86c] {
    height: 32px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_content_top_middle[data-v-6001d86c] {
    height: 100%;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start
}

.task_item_content_top_right[data-v-6001d86c] {
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_top_right_span[data-v-6001d86c] {
    height: 33px;
    font-size: 18px;
    font-weight: 800;
    line-height: 33px;
    color: #e42f2f;
    opacity: 1
}

.collapse[data-v-6001d86c] {
    margin-top: 8px;
    width: 201px;
    height: 44px;
    background: #b1dcfa;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 20px;
    align-content: flex-start
}

.collapse[data-v-6001d86c], .collapse_div1[data-v-6001d86c] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.collapse_div1[data-v-6001d86c] {
    width: 40%;
    height: 100%;
    align-content: center
}

.collapse_div2[data-v-6001d86c] {
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 22px;
    color: #2079c2;
    opacity: 1
}

.task_item_content_process[data-v-6001d86c] {
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center
}

.task_item_content_process_bg[data-v-6001d86c] {
    position: relative;
    margin-top: 7px;
    width: 100%;
    height: 6px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_bg_jd[data-v-6001d86c] {
    height: 6px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_nb[data-v-6001d86c] {
    position: relative;
    margin-top: 5px;
    height: 15px
}

.task_item_content_process_nb[data-v-6001d86c], .task_item_content_process_nb_zero_hundred[data-v-6001d86c] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center
}

.task_item_content_process_nb_zero_hundred[data-v-6001d86c] {
    height: 18px
}

.task_item_content_process_nb_span_percent[data-v-6001d86c] {
    justify-content: flex-start;
    align-items: flex-start
}

.task_item_content_process_nb_span[data-v-6001d86c], .task_item_content_process_nb_span_percent[data-v-6001d86c] {
    width: 34px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #b4b4b4;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center
}

.task_item_content_process_nb_span[data-v-6001d86c] {
    justify-content: flex-end;
    align-items: flex-end
}

.task_item_content_btn[data-v-6001d86c] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_bottom[data-v-6001d86c] {
    margin-top: 5px;
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    opacity: 1
}

.task_item_bottom_jump[data-v-6001d86c] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #fffeef;
    border: 1px solid #fa0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    font-size: 22px;
    line-height: 30px;
    color: #fa0;
    border-radius: 20px
}

/*	!*border: 1px solid #FFAA00;*!*/
/*	!*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);*!*/
.btn_go[data-v-6001d86c] {
    background: #bee3fd;
    border: 0;
    border-radius: 14px;
    color: #1a8ad7
}

.btn_go[data-v-6001d86c], .btn_receieve[data-v-6001d86c] {
    width: 80px;
    height: 32px;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.btn_receieve[data-v-6001d86c] {
    background: #fff;
    border: 2px solid #1cc58d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 14px;
    color: #0bc048
}

.btn_failed[data-v-6001d86c] {
    width: 80px;
    height: 32px;
    background: #fff;
    border: 2px solid #bbb;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #acacac
}

.agree_zz[data-v-2d0594d7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 101
}

.agree_zz[data-v-2d0594d7], .wrapper[data-v-2d0594d7] {
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-2d0594d7] {
    background: #fff;
    width: 92%;
    height: 180px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 10px 10px;
    border: 5px solid #fff;
    flex-direction: column;
    align-content: center
}

.wrapper_in[data-v-2d0594d7] {
    width: 91%;
    height: 100%;
    opacity: 1;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: center
}

.recharge_coifirm_title[data-v-2d0594d7] {
    height: 60%;
    margin-left: 25%;
    font-size: 20px;
    font-weight: 400;
    align-content: center;
    text-align: center
}

.recharge_coifirm_btn[data-v-2d0594d7], .recharge_coifirm_title[data-v-2d0594d7] {
    width: 100%;
    opacity: 1;
    border-radius: 15px;
    line-height: 37px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center
}

.recharge_coifirm_btn[data-v-2d0594d7] {
    height: 40%;
    font-size: 26px;
    font-weight: 800
}

.long_btn[data-v-2d0594d7] {
    width: 100%;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.task[data-v-5c9bdfd6] {
    margin-top: 10px;
    background-color: #fff
}

.task[data-v-5c9bdfd6], .task_item[data-v-5c9bdfd6], .task_item_doing[data-v-5c9bdfd6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing[data-v-5c9bdfd6] {
    margin-top: 10px;
    height: 88px;
    background: #eff6ff;
    opacity: 1;
    border-radius: 10px
}

.task_item_doing_item[data-v-5c9bdfd6] {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing_item_top_left[data-v-5c9bdfd6] {
    margin-left: 15px;
    width: 70%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing_item_top_left_title[data-v-5c9bdfd6] {
    margin-top: 5px;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    opacity: 1
}

.task_item_doing_item_top_left_condtion[data-v-5c9bdfd6] {
    width: 100%;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_doing_item_top_right[data-v-5c9bdfd6] {
    margin-right: 15px;
    width: 30%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: #e42f2f;
    opacity: 1;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px
}

.task_item_normal[data-v-5c9bdfd6] {
    margin-top: 10px;
    width: 100%;
    height: 53px;
    background: #eff6ff;
    border-radius: 10px;
    justify-content: center
}

.task_item_normal[data-v-5c9bdfd6], .task_item_normal_title_hide[data-v-5c9bdfd6] {
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.task_item_normal_title_hide[data-v-5c9bdfd6] {
    width: 70%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 80%;
    color: #000;
    justify-content: flex-start;
    margin-left: 15px
}

.task_item_normal_award_hide[data-v-5c9bdfd6] {
    margin-right: 15px;
    width: 30%;
    height: 28px;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    color: #e42f2f;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_recharge[data-v-5c9bdfd6] {
    margin-right: 3%;
    margin-left: 3%;
    width: 94%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top[data-v-5c9bdfd6] {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top_left[data-v-5c9bdfd6] {
    height: 100%;
    width: 17%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.task_item_content_top_left_img[data-v-5c9bdfd6] {
    height: 40px;
    width: 40px
}

.task_item_content_top_middle_title[data-v-5c9bdfd6] {
    height: 26px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.task_item_content_top_middle_desc[data-v-5c9bdfd6] {
    height: 40px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_content_top_middle[data-v-5c9bdfd6] {
    height: 100%;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start
}

.task_item_content_top_right[data-v-5c9bdfd6] {
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_top_right_span[data-v-5c9bdfd6] {
    height: 33px;
    font-weight: 800;
    line-height: 33px;
    color: #e42f2f;
    opacity: 1
}

.collapse[data-v-5c9bdfd6] {
    margin-top: 8px;
    width: 201px;
    height: 44px;
    background: #b1dcfa;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 20px;
    align-content: flex-start
}

.collapse[data-v-5c9bdfd6], .collapse_div1[data-v-5c9bdfd6] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.collapse_div1[data-v-5c9bdfd6] {
    width: 40%;
    height: 100%;
    align-content: center
}

.collapse_div2[data-v-5c9bdfd6] {
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 22px;
    color: #2079c2;
    opacity: 1
}

.task_item_content_process[data-v-5c9bdfd6] {
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center
}

.task_item_content_process_bg[data-v-5c9bdfd6] {
    position: relative;
    margin-top: 7px;
    width: 100%;
    height: 6px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_bg_jd[data-v-5c9bdfd6] {
    height: 6px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_nb[data-v-5c9bdfd6] {
    position: relative;
    margin-top: 5px;
    height: 15px
}

.task_item_content_process_nb[data-v-5c9bdfd6], .task_item_content_process_nb_zero_hundred[data-v-5c9bdfd6] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center
}

.task_item_content_process_nb_zero_hundred[data-v-5c9bdfd6] {
    height: 18px
}

.task_item_content_process_nb_span_percent[data-v-5c9bdfd6] {
    justify-content: flex-start;
    align-items: flex-start
}

.task_item_content_process_nb_span[data-v-5c9bdfd6], .task_item_content_process_nb_span_percent[data-v-5c9bdfd6] {
    width: 34px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #b4b4b4;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center
}

.task_item_content_process_nb_span[data-v-5c9bdfd6] {
    justify-content: flex-end;
    align-items: flex-end
}

.task_item_content_btn[data-v-5c9bdfd6] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_bottom[data-v-5c9bdfd6] {
    margin-top: 5px;
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    opacity: 1
}

.task_item_bottom_jump[data-v-5c9bdfd6] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #fffeef;
    border: 1px solid #fa0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    font-size: 22px;
    line-height: 30px;
    color: #fa0;
    border-radius: 20px
}

/*	!*border: 1px solid #FFAA00;*!*/
/*	!*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);*!*/
.btn_go[data-v-5c9bdfd6] {
    background: #bee3fd;
    border: 1px solid #bee3fd;
    border-radius: 18px;
    color: #1a8ad7
}

.btn_go[data-v-5c9bdfd6], .btn_receieve[data-v-5c9bdfd6] {
    width: 80px;
    height: 32px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.btn_receieve[data-v-5c9bdfd6] {
    background: #fff;
    border: 2px solid #1cc58d;
    border-radius: 18px;
    color: #0bc048
}

.btn_failed[data-v-5c9bdfd6] {
    background: #fff;
    border: 0;
    border-radius: 18px;
    font-size: 16px;
    color: #acacac
}

.btn_failed[data-v-5c9bdfd6], .btn_to_recharge[data-v-5c9bdfd6] {
    width: 80px;
    height: 32px;
    opacity: 1;
    font-weight: 400;
    line-height: 21px
}

.btn_to_recharge[data-v-5c9bdfd6] {
    background: #0bc048;
    border: 1px solid #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    border-radius: 18px;
    font-size: 14px;
    color: #fff
}

.task[data-v-89852f2a] {
    margin-top: 10px;
    background-color: #fff
}

.task[data-v-89852f2a], .task_item[data-v-89852f2a], .task_item_doing[data-v-89852f2a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing[data-v-89852f2a] {
    margin-top: 10px;
    height: 88px;
    background: #eff6ff;
    opacity: 1;
    border-radius: 10px
}

.task_item_doing_item[data-v-89852f2a] {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing_item_top_left[data-v-89852f2a] {
    margin-left: 15px;
    width: 70%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_doing_item_top_left_title[data-v-89852f2a] {
    margin-top: 5px;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    opacity: 1
}

.task_item_doing_item_top_left_condtion[data-v-89852f2a] {
    width: 100%;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_doing_item_top_right[data-v-89852f2a] {
    margin-right: 15px;
    width: 30%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: #e42f2f;
    opacity: 1;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px
}

.task_item_normal[data-v-89852f2a] {
    margin-top: 10px;
    width: 100%;
    height: 53px;
    background: #eff6ff;
    border-radius: 10px;
    justify-content: center
}

.task_item_normal[data-v-89852f2a], .task_item_normal_title_hide[data-v-89852f2a] {
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.task_item_normal_title_hide[data-v-89852f2a] {
    width: 70%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 80%;
    color: #000;
    justify-content: flex-start;
    margin-left: 15px
}

.task_item_normal_award_hide[data-v-89852f2a] {
    margin-right: 15px;
    width: 30%;
    height: 28px;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    color: #e42f2f;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_recharge[data-v-89852f2a] {
    margin-right: 3%;
    margin-left: 3%;
    width: 94%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top[data-v-89852f2a] {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top_left[data-v-89852f2a] {
    height: 100%;
    width: 17%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.task_item_content_top_left_img[data-v-89852f2a] {
    height: 40px;
    width: 40px
}

.task_item_content_top_middle_title[data-v-89852f2a] {
    height: 26px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.task_item_content_top_middle_desc[data-v-89852f2a] {
    height: 32px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_content_top_middle[data-v-89852f2a] {
    height: 100%;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start
}

.task_item_content_top_right[data-v-89852f2a] {
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_top_right_span[data-v-89852f2a] {
    height: 33px;
    font-size: 18px;
    font-weight: 800;
    line-height: 33px;
    color: #e42f2f;
    opacity: 1
}

.collapse[data-v-89852f2a] {
    margin-top: 8px;
    width: 201px;
    height: 44px;
    background: #b1dcfa;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    border-radius: 20px;
    align-content: flex-start
}

.collapse[data-v-89852f2a], .collapse_div1[data-v-89852f2a] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.collapse_div1[data-v-89852f2a] {
    width: 40%;
    height: 100%;
    align-content: center
}

.collapse_div2[data-v-89852f2a] {
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 22px;
    color: #2079c2;
    opacity: 1
}

.task_item_content_process[data-v-89852f2a] {
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center
}

.task_item_content_process_bg[data-v-89852f2a] {
    position: relative;
    margin-top: 7px;
    width: 100%;
    height: 6px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_bg_jd[data-v-89852f2a] {
    height: 6px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_nb[data-v-89852f2a] {
    position: relative;
    margin-top: 5px;
    height: 15px
}

.task_item_content_process_nb[data-v-89852f2a], .task_item_content_process_nb_zero_hundred[data-v-89852f2a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center
}

.task_item_content_process_nb_zero_hundred[data-v-89852f2a] {
    height: 18px
}

.task_item_content_process_nb_span_percent[data-v-89852f2a] {
    justify-content: flex-start;
    align-items: flex-start
}

.task_item_content_process_nb_span[data-v-89852f2a], .task_item_content_process_nb_span_percent[data-v-89852f2a] {
    width: 34px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #b4b4b4;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center
}

.task_item_content_process_nb_span[data-v-89852f2a] {
    justify-content: flex-end;
    align-items: flex-end
}

.task_item_content_btn[data-v-89852f2a] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_bottom[data-v-89852f2a] {
    margin-top: 5px;
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    opacity: 1
}

/*	!*border: 1px solid #FFAA00;*!*/
/*	!*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);*!*/
.btn_go[data-v-89852f2a], .task_item_bottom_jump[data-v-89852f2a] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #fffeef;
    border: 1px solid #fa0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    font-size: 22px;
    line-height: 30px;
    color: #fa0;
    border-radius: 20px
}

.btn_receieve[data-v-89852f2a] {
    background: #fff;
    border: 2px solid #1cc58d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #0bc048;
    border-radius: 20px
}

.btn_receieve[data-v-89852f2a], .long_btn[data-v-89852f2a] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    opacity: 1;
    font-size: 22px;
    line-height: 30px
}

.long_btn[data-v-89852f2a] {
    background: #f5f5f5;
    color: #cdcdcd;
    border-radius: 20px;
    border: 0
}

.task_item_content[data-v-89852f2a] {
    margin-right: 3%;
    margin-left: 3%;
    width: 94%;
    height: 190px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.normal_notice_zz[data-v-5415a4e5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.normal_wrapper[data-v-5415a4e5] {
    position: relative;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 16px;
    width: 80%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.normal_tz_title[data-v-5415a4e5] {
    width: 100%;
    font-size: 28px;
    line-height: 35px;
    color: #000;
    opacity: 1
}

.normal_tz_main[data-v-5415a4e5] {
    font-size: 16px;
    text-align: center;
    color: #333
}

.footer[data-v-5415a4e5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0 12px 0
}

.footer_left[data-v-5415a4e5] {
    font-size: 16px;
    text-decoration: underline;
    color: #565656
}

.footer_right[data-v-5415a4e5] {
    font-size: 16px;
    padding: 12px;
    border: none;
    outline: none;
    border-radius: 6px;
    background: #fa0;
    color: #fff;
    font-weight: 700
}

.close[data-v-5415a4e5] {
    background: #fff;
    position: absolute;
    right: -15px;
    top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 2px solid #a3a3a3;
    border-radius: 50%
}

.background[data-v-132c7316] {
    width: 100%;
    background: #fff;
    padding-bottom: 70px
}

.task_nav[data-v-132c7316] {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background: #fff;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

.task_nav_rank[data-v-132c7316] {
    width: 100%;
    height: 5px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    align-content: center
}

.task_nav_rank_img[data-v-132c7316] {
    width: 95%
}

.task_nav_rank_img_new[data-v-132c7316] {
    width: 46%;
    height: 76px
}

.task[data-v-132c7316] {
    margin-top: 10px;
    background-color: #fff
}

.task[data-v-132c7316], .task_item[data-v-132c7316] {
    width: 100%
}

.task[data-v-132c7316], .task_item[data-v-132c7316], .task_item_content[data-v-132c7316] {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content[data-v-132c7316] {
    margin-right: 3%;
    margin-left: 3%;
    width: 94%;
    height: 190px
}

.task_item_content_top[data-v-132c7316] {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top_left[data-v-132c7316] {
    height: 100%;
    width: 17%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.task_item_content_top_left_img[data-v-132c7316] {
    height: 40px;
    width: 40px
}

.task_item_content_top_middle[data-v-132c7316] {
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start
}

.task_item_content_top_middle_title1[data-v-132c7316], .task_item_content_top_middle_title[data-v-132c7316] {
    height: 26px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.task_item_content_top_middle_title1[data-v-132c7316] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.task_item_content_top_middle_title2[data-v-132c7316] {
    margin-top: 10px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1
}

.task_item_content_top_middle_desc2[data-v-132c7316], .task_item_content_top_middle_desc[data-v-132c7316] {
    height: 32px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1
}

.task_item_content_top_middle_desc2[data-v-132c7316] {
    margin-top: 20px
}

.task_item_content_top_right[data-v-132c7316] {
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end
}

.task_item_content_top_right_span[data-v-132c7316] {
    height: 33px;
    font-size: 18px;
    font-weight: 800;
    line-height: 33px;
    color: #e42f2f;
    opacity: 1
}

.task_item_content_top_right_double[data-v-132c7316] {
    width: 64px;
    height: 18px;
    background: #ff4f00;
    opacity: 1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    line-height: 14px;
    color: #fff
}

.task_item_content_process[data-v-132c7316] {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center
}

.task_item_content_process_bg[data-v-132c7316] {
    position: relative;
    margin-top: 7px;
    width: 100%;
    height: 6px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_bg_jd[data-v-132c7316] {
    height: 6px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px
}

.valid_time_tips[data-v-132c7316] {
    position: absolute;
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: red;
    opacity: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_process_nb[data-v-132c7316] {
    position: relative;
    margin-top: 10px;
    height: 15px
}

.task_item_content_process_nb[data-v-132c7316], .task_item_content_process_nb_zero_hundred[data-v-132c7316] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center
}

.task_item_content_process_nb_zero_hundred[data-v-132c7316] {
    height: 18px
}

.task_item_content_process_nb_process[data-v-132c7316] {
    position: absolute;
    height: 15px;
    left: 5%;
    right: 5%;
    width: 90%;
    top: 1px;
    flex-direction: row
}

.task_item_content_process_nb_span_p[data-v-132c7316] {
    width: 80px;
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: #0bc048;
    opacity: 1;
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_process_nb_span[data-v-132c7316] {
    width: 34px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #b4b4b4;
    opacity: 1
}

.task_item_content_btn[data-v-132c7316] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_bottom[data-v-132c7316] {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    opacity: 1
}

.task_item_bottom_receieve[data-v-132c7316] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #fff;
    border: 2px solid #1cc58d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    font-size: 22px;
    line-height: 30px;
    color: #0bc048;
    border-radius: 20px
}

.task_item_bottom_start_task[data-v-132c7316] {
    background: #bee3fd;
    border: 6px solid #ddeffe;
    color: #1a8ad7;
    border-radius: 20px
}

.task_item_bottom_jump[data-v-132c7316], .task_item_bottom_start_task[data-v-132c7316] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    font-size: 22px;
    line-height: 30px
}

.task_item_bottom_jump[data-v-132c7316] {
    background: #fffeef;
    border: 1px solid #fa0;
    color: #fa0;
    border-radius: 20px
}

.long_btn[data-v-132c7316] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #f5f5f5;
    opacity: 1;
    font-size: 22px;
    line-height: 30px;
    color: #cdcdcd;
    border-radius: 20px
}

.task_tabs[data-v-132c7316] {
    width: 260px;
    height: 40px;
    margin: 24px auto 0;
    text-align: center;
    line-height: 40px;
    display: flex;
    background: linear-gradient(180deg, #ececec, #c8c8c8 74%, #c2c2c2);
    opacity: 1;
    border-radius: 27px
}

.task_tab_item[data-v-132c7316] {
    position: relative;
    width: 150px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 -10px
}

.task_tab_item_dot[data-v-132c7316] {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #ff4f00;
    border-radius: 50%;
    top: -4.5px;
    right: 10px
}

.task_tab_active[data-v-132c7316] {
    background: linear-gradient(180deg, #4de580, #00b13c 74%, #0bc048);
    border-radius: 22px
}

.toast_notice {
    width: 86%
}

.toast_notice, .toast_notice span {
    font-size: 25px
}

.notice_zz[data-v-039f80f4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5
}

.wrapper[data-v-039f80f4] {
    background: #fff;
    padding: 15px;
    margin-top: 28%;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 88%;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 6
}

.tz_title[data-v-039f80f4] {
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    color: #575757;
    letter-spacing: 20px;
    opacity: 1
}

.tz_info[data-v-039f80f4] {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    margin-top: 10px;
    color: #5e5e5e;
    opacity: 1;
    overflow-y: auto !important;
    height: 100%;
    text-align: center
}

.tz_close[data-v-039f80f4] {
    height: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 10px
}

.tz_go_button[data-v-039f80f4] {
    width: 100%;
    height: 45px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border: 0
}

.input_box span[data-v-039f80f4] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-039f80f4] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.notice_zz[data-v-ef31ddbc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5
}

.wrapper[data-v-ef31ddbc] {
    background: #fff;
    padding: 15px;
    margin-top: 18%;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 87%;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 6
}

.tz_title[data-v-ef31ddbc] {
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    color: #575757;
    letter-spacing: 20px;
    opacity: 1
}

.tz_info[data-v-ef31ddbc] {
    font-weight: 400;
    height: 100%;
    line-height: 28px;
    margin-top: 10px;
    color: #5e5e5e;
    opacity: 1;
    overflow-y: auto !important;
    text-align: left
}

.tz_close[data-v-ef31ddbc] {
    height:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 10px
}

.tz_go_button[data-v-ef31ddbc] {
    width: 100%;
    height: 45px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border: 0
}

.input_box span[data-v-ef31ddbc] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-ef31ddbc] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.pdj_warp[data-v-cb193864] {
    position: relative;
    width: 100%;
    height: 100%
}

.pdj_background[data-v-cb193864] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .51);
    opacity: .2;
    border-radius: 10px
}

.pdj_task[data-v-cb193864] {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start
}

.pdj_task_content[data-v-cb193864] {
    position: relative;
    width: 99%;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center
}

.pdj_task_title[data-v-cb193864] {
    height: 20%;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    color: #fff
}

.pdj_task_process_tips[data-v-cb193864], .pdj_task_title[data-v-cb193864] {
    width: 100%;
    opacity: 1;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.pdj_task_process_tips[data-v-cb193864] {
    line-height: 16px;
    color: #fd0
}

.pdj_task_diwaliawards_layout[data-v-cb193864], .pdj_task_ranking_bounds_layout[data-v-cb193864] {
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.pdj_task_diwaliawards_layout[data-v-cb193864] {
    margin-bottom: 5px
}

.pdj_task_ranking_bounds_light_left[data-v-cb193864], .pdj_task_ranking_bounds_light_right[data-v-cb193864] {
    width: 20%;
    height: 29px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #e3ee1a;
    opacity: 1;
    text-align: left
}

.pdj_task_ranking_bounds_light_right[data-v-cb193864] {
    display: flex;
    align-items: center;
    justify-content: center
}

.pdj_task_diwaliawards_light_left[data-v-cb193864], .pdj_task_diwaliawards_light_right[data-v-cb193864] {
    width: 20%;
    height: 29px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #fff;
    opacity: 1;
    text-align: left
}

.pdj_task_diwaliawards_light_right[data-v-cb193864] {
    display: flex;
    align-items: center;
    justify-content: center
}

.pdj_task_process_layout[data-v-cb193864] {
    position: relative;
    width: 100%;
    height: 39px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-top: 4px
}

.pdj_task_item_content_process_bg[data-v-cb193864] {
    position: relative;
    margin-top: 2px;
    width: 93%;
    height: 2px;
    background: #000;
    opacity: 1;
    border-radius: 4px
}

.pdj_task_item_content_process_bg_jd[data-v-cb193864] {
    height: 2px;
    background: #fd0;
    opacity: 1;
    border-radius: 4px
}

.pdj_task_process[data-v-cb193864] {
    position: absolute;
    width: 24px;
    height: 6px;
    opacity: 1;
    font-size: 3px;
    color: #fff;
    right: -33px;
    bottom: 1px;
    text-align: center
}

.pdj_task_light[data-v-cb193864] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    margin-top: 5px;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.pdj_task_light_wan_layout[data-v-cb193864] {
    width: 20%;
    height: 29px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #fff;
    opacity: 1;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.pdj_task_light_wan[data-v-cb193864] {
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.notice_zz_zs[data-v-cb193864] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper_zs[data-v-cb193864] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 80%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title_zs[data-v-cb193864] {
    font-size: 24px;
    padding: 15px
}

.tz_info_zs[data-v-cb193864] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close_zs[data-v-cb193864] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.tz_close_zs_button[data-v-cb193864] {
    background: #0bc048;
    color: #fff;
    width: 48%;
    height: 54px;
    font-size: 14px;
    border: 0;
    border-radius: 10px
}

.tz_close_zs_button_left[data-v-cb193864] {
    background: grey;
    color: #fff;
    width: 48%;
    height: 54px;
    font-size: 14px;
    border: 0;
    border-radius: 10px
}

.task[data-v-9b8f4254] {
    width: 100%;
    background: #fff;
    margin-bottom: 150px
}

.tack_frme_night[data-v-9b8f4254], .task_frame[data-v-9b8f4254] {
    width: 100%;
    background: #f5f5f5
}

.top_img[data-v-9b8f4254] {
    position: absolute;
    width: 100%;
    height: 503px;
    top: 0;
    left: 0
}

.nav_bar[data-v-9b8f4254] {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background: #0092ff;
    border-bottom: 0
}

.nav_middle_task[data-v-9b8f4254] {
    font-size: 17px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    opacity: 1;
    z-index: 1
}

.top_three[data-v-9b8f4254] {
    margin-top: 50px;
    width: 100%;
    height: 453px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-content: center
}

.top_three_title[data-v-9b8f4254] {
    margin-top: 5px;
    height: 35px;
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: #fff;
    opacity: 1;
    z-index: 1
}

.top_three_count_down[data-v-9b8f4254] {
    width: 100%;
    height: 60px;
    z-index: 1
}

.top_three_count_down[data-v-9b8f4254], .top_three_count_down_out_left[data-v-9b8f4254] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.top_three_count_down_out_left[data-v-9b8f4254] {
    width: 32px;
    height: 40px;
    position: relative
}

.timer_img_bg[data-v-9b8f4254] {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0
}

.timer_label[data-v-9b8f4254], .timer_label_mh[data-v-9b8f4254] {
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    color: #232323;
    opacity: 1;
    z-index: 1
}

.timer_label_mh[data-v-9b8f4254] {
    height: 30px;
    margin-left: 2px;
    margin-right: 3px
}

.top_three_info[data-v-9b8f4254] {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #95f5ff;
    opacity: 1;
    z-index: 1;
    margin-right: 28px;
    margin-left: 28px;
    text-align: center
}

.yesterday_div[data-v-9b8f4254] {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.top_yesterday[data-v-9b8f4254] {
    width: 50%
}

.top_three_user[data-v-9b8f4254] {
    width: 100%;
    height: 209px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end
}

.top_three_user_div[data-v-9b8f4254] {
    position: relative;
    width: 112px;
    height: 190px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.top_three_user_div_img1[data-v-9b8f4254] {
    width: 100px;
    height: 165px;
    position: absolute;
    bottom: 13px;
    left: 6px
}

.top_three_user_div_img2[data-v-9b8f4254] {
    width: 100px;
    height: 140px;
    position: absolute;
    bottom: 13px;
    left: 6px
}

.top_user_id[data-v-9b8f4254] {
    opacity: .5
}

.top_user_bet[data-v-9b8f4254], .top_user_id[data-v-9b8f4254] {
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    z-index: 2
}

.top_user_bet[data-v-9b8f4254] {
    opacity: 1;
    margin-bottom: -2px
}

.top_user_award[data-v-9b8f4254] {
    height: 25px;
    font-size: 22px;
    font-weight: 700;
    color: #ff6f00;
    opacity: 1;
    z-index: 2;
    margin-bottom: 15px
}

.body_list[data-v-9b8f4254] {
    width: 100%;
    background: #f5f5f5;
    opacity: 1
}

.body_list_title[data-v-9b8f4254] {
    width: 100%;
    height: 10px;
    background: #f5f5f5
}

.body_list_rank[data-v-9b8f4254] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.body_list_item_me[data-v-9b8f4254] {
    width: 100%;
    height: 60px;
    background: #fffbdf;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2px;
    margin-top: 2px
}

.body_list_row[data-v-9b8f4254] {
    width: 100%;
    height: 65px;
    opacity: 1;
    background: #f5f5f5;
    position: relative
}

.body_list_item[data-v-9b8f4254] {
    width: 100%;
    height: 60px;
    opacity: 1;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2px;
    margin-top: 2px
}

.body_list_label_div[data-v-9b8f4254] {
    width: 33%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.body_list_item_ol1[data-v-9b8f4254] {
    width: 18%;
    height: 24px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative
}

.body_list_item_ol1_me[data-v-9b8f4254] {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff693a;
    opacity: 1;
    z-index: 1;
    top: 22px
}

.body_list_item_ol1_span[data-v-9b8f4254] {
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    border-radius: 5px;
    z-index: 1
}

.body_list_item_ol3[data-v-9b8f4254] {
    width: 60%;
    height: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #ff6f00;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.body_list_item_ol3_id[data-v-9b8f4254] {
    opacity: .5;
    align-items: flex-end
}

.body_list_item_ol3_bet[data-v-9b8f4254], .body_list_item_ol3_id[data-v-9b8f4254] {
    width: 100%;
    height: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    display: flex
}

.body_list_item_ol3_bet[data-v-9b8f4254] {
    opacity: 1;
    align-items: flex-start
}

.body_list_item_ol2[data-v-9b8f4254] {
    width: 16%;
    height: 24px;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #ff6f00;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.rank_foot[data-v-9b8f4254], .rank_foot_out[data-v-9b8f4254] {
    height: 127px;
    background: #fff
}

.rank_foot[data-v-9b8f4254] {
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    color: #c5c5c5;
    opacity: 1;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    word-break: normal;
    width: auto;
    display: block;
    white-space: pre-line;
    word-wrap: break-word
}

.task_night_title_out[data-v-9b8f4254] {
    height: 210px;
    width: 92%;
    z-index: 1;
    background: #ff4040;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    margin-left: 4%;
    margin-right: 4%
}

.task_night_title[data-v-9b8f4254] {
    height: 73px;
    font-size: 29px;
    font-weight: 700;
    line-height: 34px;
    color: #44a6d5;
    opacity: 1;
    text-align: center;
    z-index: 1
}

.task_night_info_out[data-v-9b8f4254] {
    width: 78%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-right: 11%;
    margin-left: 11%;
    margin-top: 10px
}

.taks_night_info[data-v-9b8f4254] {
    font-size: 17px;
    line-height: 22px;
    color: #000;
    opacity: 1;
    z-index: 0;
    word-break: normal;
    width: auto;
    display: block;
    white-space: pre-line;
    word-wrap: break-word
}

.page_btn[data-v-9b8f4254] {
    background: #0092ff;
    color: #ff0;
    margin-right: 20px
}

.page_btn_right[data-v-9b8f4254] {
    background: #0092ff;
    color: #ff0;
    opacity: 0
}

.pdj_view[data-v-9b8f4254] {
    position: relative;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 155px;
    opacity: 1;
    z-index: 2;
    border-radius: 10px
}

.nav_bar .nav_left[data-v-9b8f4254], .nav_bar .nav_right[data-v-9b8f4254] {
    width: 72px
}

.nav_bar_right[data-v-9b8f4254] {
    height: 26px;
    margin-right: 5px;
    background: rgba(0, 0, 0, .14);
    border: 1px solid #ef0;
    opacity: 1;
    border-radius: 17px;
    font-size: 9px;
    line-height: 18px;
    color: #fff
}

.loading[data-v-cdb3486a], .nav_bar_right[data-v-9b8f4254] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.loading[data-v-cdb3486a] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: transparent
}

.loading span[data-v-cdb3486a] {
    color: #fff;
    font-size: 18px
}

.v-dialog[data-v-cdb3486a] {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    border-radius: 2px;
    overflow: hidden;
    pointer-events: auto;
    transition: .3s cubic-bezier(.25, .8, .25, 1);
    width: 100%;
    z-index: inherit
}

.v-progress-linear__bar__indeterminate--active .short[data-v-cdb3486a] {
    -webkit-animation: indeterminate-short-data-v-cdb3486a;
    animation: indeterminate-short-data-v-cdb3486a;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.teal[data-v-cdb3486a] {
    background-color: #009688 !important;
    border-color: #009688 !important
}

.v-progress-linear[data-v-cdb3486a] {
    background: 0 0;
    margin: 15px 0 5px;
    overflow: hidden;
    width: 100%;
    position: relative
}

.v-card__text[data-v-cdb3486a] {
    padding: 16px;
    width: 100%;
    box-sizing: border-box
}

.v-progress-linear__bar__indeterminate--active .long[data-v-cdb3486a] {
    -webkit-animation: indeterminate-data-v-cdb3486a;
    animation: indeterminate-data-v-cdb3486a;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.v-progress-linear__bar__indeterminate .long[data-v-cdb3486a], .v-progress-linear__bar__indeterminate .short[data-v-cdb3486a] {
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    will-change: left, right;
    width: auto;
    background-color: inherit
}

.white[data-v-cdb3486a] {
    background-color: #fff !important;
    border-color: #fff !important
}

@-webkit-keyframes indeterminate-data-v-cdb3486a {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate-data-v-cdb3486a {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@-webkit-keyframes indeterminate-short-data-v-cdb3486a {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short-data-v-cdb3486a {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

.bankcard[data-v-5d269d79] {
    position: relative;
    background: #e52d43;
    height: 750px;
    padding-top: 50px;
    padding-bottom: 20px
}

.img_List[data-v-5d269d79] {
    width: 100%;
    background: #e52d43;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.ranking_share[data-v-5d269d79] {
    position: fixed;
    width: 60%;
    height: 54px;
    background: #fdaf01;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    left: 20%;
    bottom: 10px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav_left[data-v-5d269d79], .nav_middle[data-v-5d269d79], .nav_right[data-v-5d269d79] {
    font-size: 46px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

.task[data-v-3d212b42] {
    margin-bottom: 150px
}

.tack_frme_night[data-v-3d212b42], .task[data-v-3d212b42], .task_frame[data-v-3d212b42] {
    width: 100%;
    background: #f5f5f5
}

.top_img[data-v-3d212b42] {
    position: absolute;
    width: 100%;
    height: 503px;
    top: 0;
    left: 0
}

.nav_bar[data-v-3d212b42] {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background: #ff4e00;
    border-bottom: 0
}

.nav_middle_task[data-v-3d212b42] {
    font-size: 17px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    opacity: 1;
    z-index: 1
}

.top_three[data-v-3d212b42] {
    margin-top: 50px;
    width: 100%;
    height: 453px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-content: center
}

.top_three_title[data-v-3d212b42] {
    margin-top: 5px;
    height: 35px;
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: #fff;
    opacity: 1;
    z-index: 1
}

.top_three_count_down[data-v-3d212b42] {
    width: 100%;
    height: 60px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.time_label[data-v-3d212b42] {
    width: 100%;
    height: 17px
}

.top_three_count_down_out_left[data-v-3d212b42] {
    width: 32px;
    height: 40px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center
}

.timer_img_bg[data-v-3d212b42] {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0
}

.timer_label[data-v-3d212b42], .timer_label_mh[data-v-3d212b42] {
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    color: #232323;
    opacity: 1;
    z-index: 1
}

.timer_label_mh[data-v-3d212b42] {
    height: 30px;
    margin-left: 2px;
    margin-right: 3px
}

.top_three_info[data-v-3d212b42] {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #dcdcdc;
    opacity: 1;
    z-index: 1;
    margin-right: 28px;
    margin-left: 28px;
    text-align: center
}

.yesterday_div[data-v-3d212b42] {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.top_yesterday[data-v-3d212b42] {
    width: 40%
}

.top_three_user[data-v-3d212b42] {
    width: 100%;
    height: 209px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end
}

.top_three_user_div[data-v-3d212b42] {
    position: relative;
    width: 112px;
    height: 190px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.top_three_user_div_img1[data-v-3d212b42] {
    width: 100px;
    height: 165px;
    position: absolute;
    bottom: 13px;
    left: 6px
}

.top_three_user_div_img2[data-v-3d212b42] {
    width: 100px;
    height: 140px;
    position: absolute;
    bottom: 13px;
    left: 6px
}

.top_user_id[data-v-3d212b42] {
    font-size: 14px;
    opacity: .5
}

.top_user_bet[data-v-3d212b42], .top_user_id[data-v-3d212b42] {
    height: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    z-index: 2
}

.top_user_bet[data-v-3d212b42] {
    font-size: 12px;
    opacity: 1;
    margin-bottom: -2px
}

.top_user_award[data-v-3d212b42] {
    height: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #ff6f00;
    opacity: 1;
    z-index: 2;
    margin-bottom: 15px
}

.body_list[data-v-3d212b42] {
    width: 100%;
    background: #f5f5f5;
    opacity: 1
}

.body_list_title[data-v-3d212b42] {
    width: 100%;
    height: 10px;
    background: #f5f5f5
}

.body_list_rank[data-v-3d212b42] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.body_list_item_me[data-v-3d212b42] {
    width: 100%;
    height: 60px;
    background: #fffbdf;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2px;
    margin-top: 2px
}

.body_list_row[data-v-3d212b42] {
    width: 100%;
    height: 65px;
    opacity: 1;
    background: #f5f5f5;
    position: relative
}

.body_list_item[data-v-3d212b42] {
    width: 100%;
    height: 60px;
    opacity: 1;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2px;
    margin-top: 2px
}

.body_list_label_div[data-v-3d212b42] {
    width: 33%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.body_list_item_ol1[data-v-3d212b42] {
    width: 18%;
    height: 24px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative
}

.body_list_item_ol1_me[data-v-3d212b42] {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff693a;
    opacity: 1;
    z-index: 2;
    top: 22px
}

.body_list_item_ol1_span[data-v-3d212b42] {
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    border-radius: 5px;
    z-index: 2
}

.body_list_item_ol3[data-v-3d212b42] {
    width: 60%;
    height: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #ff6f00;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.body_list_item_ol3_id[data-v-3d212b42] {
    opacity: .5;
    align-items: flex-end
}

.body_list_item_ol3_bet[data-v-3d212b42], .body_list_item_ol3_id[data-v-3d212b42] {
    width: 100%;
    height: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    display: flex
}

.body_list_item_ol3_bet[data-v-3d212b42] {
    opacity: 1;
    align-items: flex-start
}

.body_list_item_ol2[data-v-3d212b42] {
    width: 16%;
    height: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #ff6f00;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.rank_foot_out[data-v-3d212b42] {
    height: 127px;
    background: #fff
}

.rank_foot[data-v-3d212b42] {
    height: 127px;
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    color: #c5c5c5;
    opacity: 1;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    word-break: normal;
    width: auto;
    display: block;
    white-space: pre-line;
    word-wrap: break-word
}

.task_night_title_out[data-v-3d212b42] {
    height: 210px;
    width: 92%;
    z-index: 1;
    background: #ff4040;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    margin-left: 4%;
    margin-right: 4%
}

.task_night_title[data-v-3d212b42] {
    height: 73px;
    font-size: 29px;
    font-weight: 700;
    line-height: 34px;
    color: #44a6d5;
    opacity: 1;
    text-align: center;
    z-index: 1
}

.task_night_info_out[data-v-3d212b42] {
    width: 78%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-right: 11%;
    margin-left: 11%;
    margin-top: 10px
}

.taks_night_info[data-v-3d212b42] {
    font-size: 17px;
    line-height: 22px;
    color: #000;
    opacity: 1;
    z-index: 0;
    word-break: normal;
    width: auto;
    display: block;
    white-space: pre-line;
    word-wrap: break-word
}

.page_btn[data-v-3d212b42] {
    background: #ff4e00;
    color: #ff0;
    margin-right: 20px
}

.page_btn_right[data-v-3d212b42] {
    background: #0092ff;
    color: #ff0;
    opacity: 0
}

.notice_zz[data-v-3d212b42] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.wrapper[data-v-3d212b42] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-3d212b42] {
    font-size: 24px;
    padding: 15px;
    text-align: center
}

.tz_info[data-v-3d212b42] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-3d212b42] {
    display: flex;
    justify-content: center;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.long_btn[data-v-3d212b42] {
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.nav_bar .nav_left[data-v-3d212b42], .nav_bar .nav_right[data-v-3d212b42] {
    width: 72px
}

.nav_bar_right[data-v-3d212b42] {
    width: 100%;
    height: 26px;
    margin-right: 5px;
    background: rgba(0, 0, 0, .14);
    border: 1px solid #ef0;
    opacity: 1;
    border-radius: 17px;
    font-size: 9px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.notice_zz_order[data-v-16fc3689] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    justify-content: center
}

.notice_zz_order[data-v-16fc3689], .wrapper_short[data-v-16fc3689] {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start
}

.wrapper_short[data-v-16fc3689] {
    background: #fff;
    box-sizing: border-box;
    border-radius: 9px;
    height: 360px;
    width: 87%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    justify-content: flex-start
}

.win_star[data-v-16fc3689] {
    position: absolute;
    width: 100%;
    margin-top: -64px
}

.top_title[data-v-16fc3689], .top_title_span[data-v-16fc3689] {
    margin-top: 0;
    width: 100%;
    height: 58px
}

.top_title_span[data-v-16fc3689] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    color: #fff;
    text-align: center
}

.long_btn[data-v-16fc3689], .top_title_span[data-v-16fc3689] {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.long_btn[data-v-16fc3689] {
    height: 54px;
    width: 84%;
    margin-top: 30px;
    flex-direction: column;
    align-content: center;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.long_btn_span[data-v-16fc3689] {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    opacity: 1
}

.newly_agency_income[data-v-16fc3689] {
    width: 100%;
    height: 28px;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #93433f;
    opacity: 1;
    text-align: center
}

.newly_agency_income_money[data-v-16fc3689] {
    width: 100%;
    height: 56px;
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
    margin-top: 10px;
    color: #ff5700;
    opacity: 1;
    text-align: center
}

.bottom_show[data-v-16fc3689] {
    width: 100%;
    height: 50px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    color: #93433f;
    opacity: 1;
    text-align: center
}

.notice_zz_order[data-v-28550596] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    justify-content: center
}

.notice_zz_order[data-v-28550596], .wrapper_short[data-v-28550596] {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start
}

.wrapper_short[data-v-28550596] {
    background: #fff;
    box-sizing: border-box;
    border-radius: 9px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    width: 87%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    justify-content: flex-start
}

.win_star[data-v-28550596] {
    position: absolute;
    width: 100%;
    margin-top: -64px
}

.top_title[data-v-28550596], .top_title_span[data-v-28550596] {
    margin-top: 0;
    width: 100%;
    height: 58px
}

.top_title_span[data-v-28550596] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    color: #fff;
    text-align: center
}

.long_btn[data-v-28550596], .top_title_span[data-v-28550596] {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.long_btn[data-v-28550596] {
    height: 54px;
    width: 84%;
    margin-bottom: 25px;
    margin-top: 10px;
    flex-direction: column;
    align-content: center;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.long_btn_span[data-v-28550596] {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    opacity: 1
}

.newly_agency_income[data-v-28550596] {
    width: 100%;
    height: 28px;
    font-size: 19px;
    font-weight: 400;
    line-height: 44px;
    margin-top: 11px;
    margin-bottom: 10px;
    color: #000;
    opacity: 1;
    text-align: center
}

.newly_agency_income_money[data-v-28550596] {
    width: 100%;
    height: 56px;
    line-height: 56px;
    margin-top: 1px;
    opacity: 1;
    margin-bottom: 15px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #ff2f04
}

.bottom_show[data-v-28550596] {
    width: 85%;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color: #000;
    opacity: .8;
    text-align: center
}

.notice_zz_order[data-v-7275dc49] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    justify-content: center
}

.notice_zz_order[data-v-7275dc49], .wrapper_short[data-v-7275dc49] {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start
}

.wrapper_short[data-v-7275dc49] {
    box-sizing: border-box;
    border-radius: 9px;
    width: 328px;
    height: 459px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    justify-content: flex-start
}

.wrapper_short_image[data-v-7275dc49] {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.wrapper_short_background[data-v-7275dc49] {
    width: 100%;
    height: 100%;
    position: absolute
}

.wrapper_short_upto[data-v-7275dc49] {
    width: 235px;
    height: 39px;
    position: absolute;
    bottom: 140px
}

.wrapper_short_upto_span[data-v-7275dc49] {
    width: 235px;
    height: 39px;
    position: absolute;
    bottom: 134px;
    left: 92px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #6e2410;
    opacity: 1
}

.wrapper_short_go[data-v-7275dc49] {
    width: 280px;
    height: 80px;
    position: absolute;
    bottom: 36px
}

.wrapper_short_go_span[data-v-7275dc49] {
    height: 80px;
    position: absolute;
    bottom: 14px;
    left: 152px;
    font-size: 25px;
    line-height: 25px;
    color: #650000;
    opacity: 1
}

.win_star[data-v-7275dc49] {
    position: absolute;
    width: 100%;
    margin-top: -64px
}

.long_btn[data-v-7275dc49] {
    height: 54px;
    width: 84%;
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    opacity: 1;
    position: absolute;
    bottom: 35px;
    background: #e7751d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 4px
}

.long_btn_span[data-v-7275dc49] {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    opacity: 1
}

.newly_agency_income[data-v-7275dc49] {
    margin-top: 50px;
    width: 100%;
    height: 28px;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    opacity: 1;
    text-align: center
}

.system_gift[data-v-7275dc49] {
    width: 100%;
    height: 29px;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    color: #e2f16e;
    opacity: 1;
    text-align: center;
    margin-top: 35px
}

.newly_agency_income_money[data-v-7275dc49] {
    width: 100%;
    height: 56px;
    margin-top: 30px;
    opacity: 1;
    margin-bottom: 15px;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 74px;
    color: #ffdc41
}

.bottom_show[data-v-7275dc49] {
    width: 80%;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    line-height: 13px;
    margin-top: 10px;
    color: #93433f;
    opacity: 1;
    text-align: center
}

.promotion[data-v-4919be70] {
    background: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 180px;
    position: relative
}

.nav_bar_invite[data-v-4919be70] {
    height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.nav_middle_invite[data-v-4919be70] {
    width: 50px;
    height: 28px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    opacity: 1
}

.nav_left_btn[data-v-4919be70] {
    position: absolute;
    right: 17px;
    top: 15px;
    width: 21px;
    height: 16px
}

.nav_right_btn[data-v-4919be70] {
    position: absolute;
    left: 17px;
    top: 15px;
    width: 20px;
    height: 20px;
    color: #fff
}

.nav_right_btn_day_wage_img[data-v-4919be70] {
    position: absolute;
    left: 17px;
    top: 15px;
    height: 22px;
    color: #fff
}

.nav_middle[data-v-4919be70] {
    height: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    overflow: hidden
}

.agent_amount_out[data-v-4919be70] {
    width: 94%;
    height: 111px;
    flex-direction: column;
    margin-right: 3%;
    margin-left: 3%
}

.agent_amount[data-v-4919be70], .agent_amount_out[data-v-4919be70] {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.agent_amount[data-v-4919be70] {
    width: 100%;
    height: 79px;
    background: #fff;
    opacity: 1;
    border-radius: 10px;
    flex-direction: row
}

.agent_amount_left[data-v-4919be70] {
    height: 100%;
    width: 57%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.agent_amount_left_title[data-v-4919be70] {
    height: 40%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #b2b2b2;
    opacity: 1;
    letter-spacing: 1px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: 27px
}

.agent_amount_left_amount_div[data-v-4919be70] {
    height: 60%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.agent_amount_left_amount[data-v-4919be70] {
    font-size: 30px;
    align-items: center;
    padding-left: 3px
}

.agent_amount_left_amount[data-v-4919be70], .agent_amount_left_amount_dw[data-v-4919be70] {
    height: 70%;
    font-weight: 800;
    line-height: 42px;
    color: #000;
    opacity: 1;
    display: flex;
    justify-content: flex-start
}

.agent_amount_left_amount_dw[data-v-4919be70] {
    font-size: 17px;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-end;
    padding-left: 27px
}

.agent_amount_right[data-v-4919be70] {
    height: 100%;
    width: 43%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    margin-right: 12px
}

.agent_amount_right_button[data-v-4919be70] {
    width: 130px;
    height: 44px;
    background: #0bc048;
    border: 1px;
    opacity: 1;
    font-size: 20px;
    border-radius: 27px;
    line-height: 27px;
    color: #fff
}

.notice[data-v-4919be70] {
    width: 100%;
    background: #ebc374;
    opacity: 1;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    height: 43px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 200;
    line-height: 18px;
    color: #382f28
}

.invite_data_area[data-v-4919be70] {
    width: 100%;
    height: 76px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.invite_data_area_invited[data-v-4919be70] {
    width: 50%;
    height: 100%;
    opacity: 1;
    display: flex;
    background: #fff5f2;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.white_line[data-v-4919be70] {
    width: .2px;
    height: 98%;
    border: 1px solid #fff;
    opacity: 1
}

.invite_data_area_number[data-v-4919be70] {
    height: 30%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #000;
    opacity: 1;
    display: flex;
    align-items: flex-end
}

.invite_data_area_desc_div[data-v-4919be70] {
    height: 30%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start
}

.invite_data_area_number_desc[data-v-4919be70] {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: #a7a7a7;
    opacity: 1
}

.invite_data_area_number_img[data-v-4919be70] {
    width: 14px;
    height: 14px;
    background: #00b76f;
    border-radius: 50%;
    opacity: 1;
    display: flex;
    align-items: flex-start
}

.share_btn_div_classic[data-v-4919be70] {
    bottom: 0
}

.share_btn_div[data-v-4919be70], .share_btn_div_classic[data-v-4919be70] {
    position: fixed;
    height: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    left: 0
}

.share_btn_div[data-v-4919be70] {
    bottom: 75px
}

.long_btn[data-v-4919be70] {
    width: 91%;
    height: 54px;
    padding-left: 17px;
    padding-right: 17px;
    background: #f27b21;
    opacity: 1
}

.container[data-v-4919be70] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff
}

.container .headline[data-v-4919be70] {
    padding: 15px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.container .headline span[data-v-4919be70] {
    font-size: 24px;
    font-weight: 400
}

.share_bonus[data-v-4919be70] {
    height: 140px;
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 10px;
    border-bottom: 1px dashed #646464;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center
}

.share_bonus_top[data-v-4919be70] {
    height: 50%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start
}

.share_bonus_top .item[data-v-4919be70] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.share_bonus_top .item_label[data-v-4919be70] {
    height: 50%;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 15px;
    color: #f27b21;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.share_bonus_top .div_image_label[data-v-4919be70] {
    height: 50%;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.share_bonus_top .item_image[data-v-4919be70] {
    width: 15px;
    height: 17px;
    opacity: 1
}

.share_bonus_top .item_hb_count[data-v-4919be70] {
    width: 23px;
    height: 28px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 15px;
    color: red;
    opacity: 1;
    margin-left: 5px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.share_bonus_top .item_right[data-v-4919be70] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-right: 6px;
    position: relative
}

.share_bonus_top .item_right .luck_draw[data-v-4919be70] {
    width: 110px;
    height: 36px;
    background: #ffedb1;
    opacity: 1;
    border-radius: 27px;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #f27b21
}

.share_bonus_bottom[data-v-4919be70] {
    height: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #989898;
    opacity: 1
}

.referral_bonus[data-v-4919be70], .share_bonus_bottom[data-v-4919be70] {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start
}

.referral_bonus[data-v-4919be70] {
    height: 70px;
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 10px;
    position: relative
}

.referral_bonus_left[data-v-4919be70] {
    position: relative;
    width: 58%;
    height: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start
}

.referral_bonus_left_title[data-v-4919be70] {
    width: 100%;
    height: 50%;
    font-size: 20px;
    font-weight: 700;
    line-height: 15px;
    color: #f27b21;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap
}

.referral_bonus_left_view[data-v-4919be70] {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.referral_bonus_left_value[data-v-4919be70] {
    height: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 15px;
    color: red;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.referral_bonus_right[data-v-4919be70] {
    width: 42%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-right: 6px
}

.referral_bonus_right_button[data-v-4919be70] {
    width: 110px;
    height: 36px;
    background: #ffedb1;
    opacity: 1;
    border-radius: 27px;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #f27b21
}

.contribution_bonus_right_label[data-v-4919be70] {
    border-radius: 27px;
    border: 0;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #ababab;
    opacity: 1
}

.new_table[data-v-4919be70] {
    width: 100%;
    background: #fff;
    padding: 0 17px 10px 17px;
    box-sizing: border-box;
    position: relative
}

.new_table .table_ul[data-v-4919be70] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden
}

.new_table .table_ul .table_head[data-v-4919be70] {
    font-size: 12px;
    font-weight: 700;
    background: #f7f7f7;
    height: 46px
}

.new_table .table_ul .table_head ol[data-v-4919be70] {
    font-size: 12px;
    font-weight: 700;
    height: 100%
}

.table_head_ol[data-v-4919be70] {
    font-size: 12px;
    font-weight: 700;
    background: #f7f7f7
}

.new_table .table_ul .table_body[data-v-4919be70] {
    font-size: 14px
}

.new_table .table_ul li[data-v-4919be70] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-4919be70] {
    width: 50%;
    text-align: center;
    line-height: 35px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.share_li[data-v-4919be70] {
    width: 20%;
    text-align: center;
    display: inline-block
}

.share_li img[data-v-4919be70], .share_li span[data-v-4919be70] {
    display: block
}

.share_img[data-v-4919be70] {
    width: 70%;
    margin: 0 auto
}

.share_ul li span[data-v-4919be70] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-top: 5px
}

.share_ul[data-v-4919be70] {
    border: 1px solid #949494;
    padding: 2% 0 2%;
    border-radius: 8px;
    position: relative
}

.top_bg[data-v-4919be70] {
    width: 100%;
    height: 161px;
    background-image: url(../img/invite_top.80e9b22a.jpg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center
}

.agent_task_div[data-v-4919be70] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.agent_task[data-v-4919be70] {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 48%
}

.top_div_body[data-v-4919be70] {
    width: 100%;
    height: 3px;
    background: #dea469;
    opacity: 1
}

.quest_out[data-v-4919be70] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #949494;
    align-content: center
}

.quest_out[data-v-4919be70], .quest_quiot[data-v-4919be70] {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.quest_quiot[data-v-4919be70] {
    width: 4px;
    height: 6px;
    color: #949494;
    font-size: 13px
}

.right_zz[data-v-4919be70] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent
}

.right_zz .wrapper[data-v-4919be70] {
    background: #fff;
    padding: 10px 12px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    position: absolute;
    top: 5%;
    right: 3%
}

.right_zz .right_nav li[data-v-4919be70] {
    padding: 15px 0;
    font-size: 15px
}

.tip[data-v-4919be70] {
    background: red;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 4%;
    right: 50%;
    position: absolute;
    color: #fff;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bot_list[data-v-4919be70] {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px
}

.agent_check_in[data-v-4919be70] {
    width: 80px;
    height: 80px;
    position: absolute;
    right: -12px;
    top: -48px
}

.notice_zz[data-v-4919be70] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.wrapper[data-v-4919be70] {
    position: relative;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    width: 344px;
    height: 508px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.wrapper_image[data-v-4919be70] {
    height: 100%;
    border-radius: 10px
}

.wrapper_content[data-v-4919be70] {
    height: 30%;
    width: 100%;
    top: 70%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center
}

.wrapper_content_i_know[data-v-4919be70] {
    background: #fff;
    line-height: 25px;
    color: #00275e;
    margin-bottom: 15px
}

.wrapper_content_i_know[data-v-4919be70], .wrapper_content_share[data-v-4919be70] {
    width: 80%;
    height: 50px;
    opacity: 1;
    border-radius: 6px;
    border: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 20px;
    margin-top: 15px
}

.wrapper_content_share[data-v-4919be70] {
    background: linear-gradient(1turn, #ffb15a, #ffe284);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    line-height: 0;
    color: #650000;
    position: relative
}

.wrapper_content_share img[data-v-4919be70] {
    height: 50px;
    position: absolute;
    left: 0;
    top: -10px
}

.diwali_box[data-v-4919be70] {
    position: absolute;
    top: -6px;
    right: -36px;
    font-size: 12px;
    height: 14px;
    padding: 2px 6px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(278deg, #ff0090, #9010ff)
}

.notice_news[data-v-6a72f9c2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.wrapper_agent[data-v-6a72f9c2] {
    width: 94%;
    height: 476px;
    margin-left: 3%;
    margin-right: 3%;
    flex-direction: column;
    justify-content: flex-start
}

.agent_receive_award[data-v-6a72f9c2], .wrapper_agent[data-v-6a72f9c2] {
    background: #fff;
    opacity: 1;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.agent_receive_award[data-v-6a72f9c2] {
    margin-top: 20px;
    width: 100%;
    justify-content: center;
    font-size: 46px;
    font-weight: 800;
    line-height: 65px;
    color: #f27b21
}

.agent_receive_short_desc[data-v-6a72f9c2] {
    margin-top: 15px;
    width: 92%;
    margin-left: 4%;
    font-size: 24px;
    font-weight: 800;
    line-height: 33px;
    color: #000;
    opacity: 1
}

.agent_receive_desc[data-v-6a72f9c2] {
    margin-top: 15px;
    height: 150px;
    font-weight: 400;
    color: #8d8d8d
}

.agent_receive_desc[data-v-6a72f9c2], .long_btn[data-v-6a72f9c2] {
    width: 92%;
    margin-left: 4%;
    font-size: 22px;
    line-height: 30px;
    opacity: 1
}

.long_btn[data-v-6a72f9c2] {
    margin-top: 25px;
    margin-right: 4%;
    background: #f27b21;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.agent_receive_bottom[data-v-6a72f9c2] {
    margin-top: 15px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 25px;
    color: #8d8d8d;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.invite[data-v-30deb5b8] {
    background: #1a0087;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.invite_top_bg[data-v-30deb5b8] {
    margin-top: 50px;
    width: 100%
}

.invite_nav[data-v-30deb5b8] {
    margin-top: 2px;
    width: 100%;
    background: #1a0087
}

.invite_nav ul li[data-v-30deb5b8] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 65px;
    box-sizing: border-box
}

.invite_item[data-v-30deb5b8] {
    margin-top: 15px;
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center
}

.invite_item_in[data-v-30deb5b8] {
    position: relative;
    width: 100%;
    height: 65px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.invite_item img[data-v-30deb5b8] {
    position: absolute;
    padding: 0 0 0 0;
    width: 100%;
    height: 65px
}

.invite_item_in_level[data-v-30deb5b8] {
    width: 23%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #3c2c1d;
    opacity: 1;
    z-index: 1;
    margin-left: 5px;
    margin-top: 15px
}

.invite_item_in_name[data-v-30deb5b8] {
    width: 28%;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #3b2c1c;
    justify-content: flex-start;
    word-wrap: break-word
}

.invite_item_in_chips[data-v-30deb5b8], .invite_item_in_name[data-v-30deb5b8] {
    height: 100%;
    opacity: 1;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 6px
}

.invite_item_in_chips[data-v-30deb5b8] {
    width: 43%;
    font-size: 19px;
    font-weight: 800;
    line-height: 37px;
    color: #f27b21;
    justify-content: flex-end;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 26px
}

.invite_item_desc[data-v-30deb5b8] {
    position: relative;
    justify-content: center;
    margin-top: 10px
}

.invite_item_desc[data-v-30deb5b8], .invite_item_start_task[data-v-30deb5b8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center
}

.invite_item_start_task[data-v-30deb5b8] {
    height: 186px;
    background: #fff;
    opacity: 1;
    border-radius: 5px;
    justify-content: flex-start
}

.invite_item_start_task span[data-v-30deb5b8] {
    height: 50%;
    width: 88%;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #212121;
    margin-top: 8px
}

.invite_item_start_task_button[data-v-30deb5b8], .invite_item_start_task span[data-v-30deb5b8] {
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center
}

.invite_item_start_task_button[data-v-30deb5b8] {
    height: 54px;
    width: 91%;
    background: #f27b21;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: 0;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.invite_item_process_task[data-v-30deb5b8] {
    width: 100%;
    background: #fff;
    opacity: 1;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.invite_item_process_task_muli[data-v-30deb5b8] {
    width: 100%;
    height: 500px;
    background: #fff;
    opacity: 1;
    border-radius: 5px
}

.invite_item_process_task_btn[data-v-30deb5b8], .invite_item_process_task_in[data-v-30deb5b8] {
    position: relative;
    width: 92%;
    background: #fff;
    opacity: 1;
    margin-left: 4%
}

.invite_item_process_task_btn[data-v-30deb5b8] {
    height: 80px
}

.invite_item_process_task_in_button[data-v-30deb5b8] {
    background: #f27b21;
    color: #fff
}

.invite_item_process_task_in_button[data-v-30deb5b8], .long_btn[data-v-30deb5b8] {
    height: 54px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: 0;
    opacity: 1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px
}

.long_btn[data-v-30deb5b8] {
    bottom: 25px;
    background: #f5f5f5;
    color: #cdcdcd
}

.task_item_content_process[data-v-30deb5b8] {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center
}

.task_item_content_process_bg[data-v-30deb5b8] {
    position: relative;
    margin-top: 25px;
    width: 100%;
    height: 6px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_bg_jd[data-v-30deb5b8] {
    height: 6px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_nb[data-v-30deb5b8] {
    position: relative;
    margin-top: 5px;
    height: 15px
}

.task_item_content_process_nb[data-v-30deb5b8], .task_item_content_process_nb_zero_hundred[data-v-30deb5b8] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center
}

.task_item_content_process_nb_zero_hundred[data-v-30deb5b8] {
    height: 18px
}

.task_item_content_process_nb_process[data-v-30deb5b8] {
    position: absolute;
    height: 15px;
    display: flex;
    left: 10px;
    top: 1px;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_process_nb_span_p[data-v-30deb5b8] {
    width: 80px;
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: #0bc048;
    opacity: 1;
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_process_nb_span[data-v-30deb5b8] {
    width: 34px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #b4b4b4;
    opacity: 1
}

.invite_item_process_task_title[data-v-30deb5b8] {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1;
    margin-top: 20px;
    margin-left: 5px
}

.invite_item_process_task_desc[data-v-30deb5b8] {
    margin-top: 5px;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: #656565;
    opacity: 1;
    margin-left: 5px
}

.invite_item_muli_task_title[data-v-30deb5b8] {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: #656565;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.new_table_invite[data-v-30deb5b8] {
    margin-top: 25px;
    width: 92%;
    background: #fff;
    margin-left: 4%
}

.table_ul_invite[data-v-30deb5b8] {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.table_body_invite[data-v-30deb5b8] {
    width: 100%;
    height: 50px
}

.table_body_invite_nick[data-v-30deb5b8] {
    color: #f27b21;
    border-left: 1px solid #d5d8ec
}

.table_body_invite_effective[data-v-30deb5b8], .table_body_invite_nick[data-v-30deb5b8] {
    height: 50px;
    width: 33%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 39px;
    border-top: 1px solid #d5d8ec;
    border-bottom: .5px solid #d5d8ec;
    background: #eff0fe
}

.table_body_invite_effective[data-v-30deb5b8] {
    color: #000;
    opacity: 1;
    border-left: .5px solid #d5d8ec
}

.table_body_invite_award[data-v-30deb5b8] {
    width: 33%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 14px;
    font-weight: 800;
    line-height: 39px;
    color: #000;
    opacity: 1;
    border: 1px solid #d5d8ec;
    background: #eff0fe
}

.invite_main[data-v-30deb5b8] {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 60px;
    position: relative
}

.invite_main_bg[data-v-30deb5b8] {
    background: linear-gradient(1turn, #8b4115, #e18d12);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .19);
    opacity: .6
}

.invite_main_bg[data-v-30deb5b8], .invite_main_opacity[data-v-30deb5b8] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0
}

.invite_main_opacity[data-v-30deb5b8] {
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center
}

.invite_main_child[data-v-30deb5b8] {
    width: 50%;
    height: 100%
}

.invite_main_child[data-v-30deb5b8], .invite_main_child_title[data-v-30deb5b8] {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.invite_main_child_title[data-v-30deb5b8] {
    margin-top: 5%;
    width: 100%;
    height: 40%;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #ffeca2;
    opacity: 1
}

.invite_main_child_value[data-v-30deb5b8] {
    margin-bottom: 5%;
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    text-align: end;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    opacity: 1
}

.invite_main_child_dif[data-v-30deb5b8] {
    width: 0;
    height: 42px;
    background: #000;
    opacity: .3;
    border: 1px solid #000;
    align-self: center
}

.recharge[data-v-0c756157] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.nav_bar .nav_right span.red_badge[data-v-0c756157] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px
}

.recharge_box[data-v-0c756157] {
    width: 100%;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.top_text[data-v-0c756157] {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1;
    text-align: center
}

.top_text span[data-v-0c756157] {
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1;
    text-align: left
}

.top_text_balance[data-v-0c756157] {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    opacity: .5;
    text-align: center
}

.code_input_box[data-v-0c756157] {
    width: 100%;
    display: flex;
    justify-content: center
}

.code_input[data-v-0c756157] {
    width: 95%;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.code_input img[data-v-0c756157] {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.code_input input[data-v-0c756157] {
    width: 90%;
    font-size: 14px;
    border: 0
}

.text_field[data-v-0c756157] {
    padding: 10px 15px 5px 1px;
    box-sizing: border-box;
    font-size: 14px;
    color: #212121
}

.payment_box[data-v-0c756157] {
    width: 100%;
    margin-left: 1px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.payment_box[data-v-0c756157] .van-radio__icon--checked .van-icon {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    width: 25px;
    display: inline-block
}

.payment_box[data-v-0c756157] .van-radio__icon .van-icon {
    border: transparent;
    width: 25px;
    display: inline-block
}

.payment_box .van-radio[data-v-0c756157] {
    height: 48px;
    line-height: 48px;
    font-size: 16px
}

.payment_text[data-v-0c756157] {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #757575
}

.van-radio[data-v-0c756157] .text {
    margin-left: 30px;
    display: inline-block;
    color: #212121
}

.add_card[data-v-0c756157] {
    margin-bottom: 5px
}

.add_card .van-collapse[data-v-0c756157] {
    width: 100%;
    height: 66px;
    padding: 15px;
    box-sizing: border-box;
    background: #f1f3ff;
    border: 1px solid #d2d5e7;
    opacity: 1;
    border-radius: 5px
}

[class*=van-hairline][data-v-0c756157]:after {
    border: 0
}

.van-collapse-item[data-v-0c756157] .van-cell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    background: #f1f3ff
}

.van-collapse-item[data-v-0c756157] .van-cell:after {
    border-bottom: 0
}

.van-collapse-item[data-v-0c756157] .van-cell__title {
    display: flex;
    flex-direction: row
}

.van-collapse-item[data-v-0c756157] img {
    width: 24px;
    height: 24px;
    margin-right: 38px
}

.nav_name[data-v-0c756157] {
    font-size: 14px;
    color: #4e4e4e
}

.nav_content[data-v-0c756157] {
    padding: 12px 15px 12px 48px;
    font-size: 14px;
    color: #4e4e4e
}

.van-collapse-item[data-v-0c756157] .van-collapse-item__content {
    padding: 12px 16px 0
}

.van-collapse-item[data-v-0c756157] .van-collapse-item__wrapper {
    border-bottom: 1px solid #e0e0e0
}

.password_box[data-v-0c756157] {
    padding: 15px;
    box-sizing: border-box
}

.box_border[data-v-0c756157] {
    border-bottom: 1px solid #949494;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px
}

.password_box .box_border img[data-v-0c756157] {
    width: 24px;
    height: 24px
}

.password_box .box_border input[data-v-0c756157] {
    width: 90%;
    border: 0;
    font-size: 14px;
    background: #fff
}

.recharge_btn[data-v-0c756157] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.amount_list[data-v-0c756157] {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around
}

.amount_list_button[data-v-0c756157] {
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    background: #f6f6f6
}

.amount_list_button[data-v-0c756157], .choose_active[data-v-0c756157] {
    width: 28%;
    height: 54px;
    margin: 5px 5px;
    text-align: center;
    align-items: center;
    font-size: 20px;
    border: 1px solid #d4d4d4;
    opacity: 1;
    border-radius: 5px;
    position: relative
}

.choose_active[data-v-0c756157] {
    background: #2196f3 !important;
    color: #fff !important
}

.choose_active_text[data-v-0c756157] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    opacity: 1
}

.normal_active_text[data-v-0c756157] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    opacity: 1
}

.button_noclick[data-v-0c756157] {
    background-color: #a9a9a9 !important;
    width: 28%;
    height: 54px;
    margin: 5px 5px;
    border: 0
}

.multiselect {
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 98%;
    margin-left: 1%;
    min-height: 40px;
    text-align: center;
    color: #35495e
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    background: #f1f3ff;
    border: 1px solid #d2d5e7;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch
}

.multiselect__input, .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #f1f3ff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    background: #f1f3ff;
    border: 1px solid #d2d5e7;
    font-size: 20px
}

.recharge[data-v-9a42ba72] {
    background: #fafafa;
    padding-bottom: 64px;
    padding-top: 50px
}

.recharge_box[data-v-9a42ba72] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-9a42ba72] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-9a42ba72] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-9a42ba72] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-9a42ba72] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-9a42ba72] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-9a42ba72] {
    font-size: 14px
}

.choose_page[data-v-9a42ba72] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-9a42ba72] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-9a42ba72] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-9a42ba72] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-9a42ba72] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-9a42ba72] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-9a42ba72] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-9a42ba72] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-9a42ba72] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-9a42ba72]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-9a42ba72] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-9a42ba72] {
    font-size: 14px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-9a42ba72] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-9a42ba72], .list_box li ol .times[data-v-9a42ba72] {
    color: #757575
}

.recharge_example[data-v-598b48fe] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 99
}

.recharge_example_image[data-v-598b48fe] {
    width: 56%
}

.recharge_example span[data-v-598b48fe] {
    margin-top: 25px;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
    opacity: 1;
    text-align: center
}

.long_btn[data-v-598b48fe] {
    width: 150px;
    height: 40px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 20px;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    position: absolute;
    bottom: 3%
}

.upload_img[data-v-20692417] {
    background: #fff;
    margin: 0;
    padding: 0
}

.upload_img_div[data-v-20692417] {
    margin-top: 50px;
    width: 94%;
    position: relative;
    margin-left: 3%;
    margin-right: 3%
}

.upload_img_div span[data-v-20692417] {
    height: 50px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    text-align: left;
    font-weight: 400
}

.upload_img_div_input[data-v-20692417], .upload_img_div span[data-v-20692417] {
    width: 100%;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.upload_img_div_input[data-v-20692417] {
    height: 172px;
    background: #eee;
    border-radius: 7px;
    align-items: center
}

.upload_img_div_textarea[data-v-20692417] {
    width: 94%;
    height: 161px;
    margin-top: 11px;
    margin-left: 3%;
    margin-right: 3%;
    border: 0;
    text-align: left;
    resize: none;
    font-size: 16px
}

.upload-pic[data-v-20692417], .upload_img_div_textarea[data-v-20692417] {
    background: #eee;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.upload-pic[data-v-20692417] {
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    opacity: 1;
    border-radius: 7px;
    position: relative
}

.upload-pic_delete[data-v-20692417] {
    position: absolute;
    top: -6px;
    right: -9px
}

.upload-pic-desc[data-v-20692417] {
    width: 100%;
    height: 80px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-evenly;
    align-items: center
}

.upload-pic-desc span[data-v-20692417] {
    font-size: 17px;
    line-height: 21px;
    color: #ff8000;
    text-decoration: underline;
    opacity: 1
}

.long_btn[data-v-20692417] {
    margin-top: 80px;
    width: 100%;
    bottom: 20px;
    height: 54px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.agent_flow[data-v-4e0263bc] {
    background: #2209a7;
    padding-bottom: 64px;
    padding-top: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: center
}

.agent_flow_top[data-v-4e0263bc] {
    width: 100%;
    height: 128px;
    opacity: .8;
    border-radius: 0;
    position: relative
}

.agent_flow_top_div[data-v-4e0263bc] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: center
}

.agent_flow_top_div div[data-v-4e0263bc] {
    margin-left: 5%;
    width: 70%;
    height: 33%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_top img[data-v-4e0263bc] {
    width: 100%;
    height: 128px;
    position: absolute;
    left: 0;
    top: 0
}

.agent_flow_title[data-v-4e0263bc] {
    height: 80px;
    flex-direction: row
}

.agent_flow_current_task[data-v-4e0263bc], .agent_flow_title[data-v-4e0263bc] {
    width: 90%;
    margin-left: 5%;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_current_task[data-v-4e0263bc] {
    height: 120px;
    flex-direction: column
}

.agent_flow_current_task_title[data-v-4e0263bc] {
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #c6b8ff;
    opacity: 1
}

.agent_flow_current_task_lv[data-v-4e0263bc], .agent_flow_current_task_title[data-v-4e0263bc] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_current_task_lv[data-v-4e0263bc] {
    height: 40px
}

.agent_flow_current_task_lv div[data-v-4e0263bc] {
    width: 33%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    color: #fc0;
    opacity: 1
}

.agent_flow_current_task_lv div button[data-v-4e0263bc] {
    width: 88px;
    height: 28px;
    background: #0bc048;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 27px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    border: 0
}

.agent_flow_current_task_progress[data-v-4e0263bc] {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_current_task_progress div[data-v-4e0263bc] {
    position: relative;
    width: 100%;
    height: 4px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.agent_flow_current_task_progress div div[data-v-4e0263bc] {
    height: 4px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px;
    position: absolute;
    left: 0
}

.agent_flow_current_task_target[data-v-4e0263bc] {
    width: 100%;
    height: 25px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_current_task_target div[data-v-4e0263bc] {
    width: 33%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    color: #fc0;
    opacity: 1
}

.agent_flow_table[data-v-4e0263bc] {
    width: 90%;
    height: auto;
    margin-left: 5%
}

.agent_flow_table_item[data-v-4e0263bc] {
    margin-top: 10px;
    flex-direction: column;
    min-height: 61px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px
}

.agent_flow_table_item[data-v-4e0263bc], .agent_flow_table_item_default[data-v-4e0263bc] {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_table_item_default[data-v-4e0263bc] {
    height: 60px;
    flex-direction: row
}

.agent_flow_table_item_default_process[data-v-4e0263bc] {
    width: 18%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.agent_flow_table_item_default_process_doing[data-v-4e0263bc], .agent_flow_table_item_default_process_done[data-v-4e0263bc], .agent_flow_table_item_default_process_will_start[data-v-4e0263bc] {
    width: 33px;
    height: 33px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative
}

.agent_flow_table_item_default_process_doing_span[data-v-4e0263bc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #806ceb;
    line-height: 100%
}

.agent_flow_table_item_default_process_doing_img[data-v-4e0263bc] {
    height: 30px;
    left: -12px;
    position: absolute
}

.agent_flow_table_item_default_info[data-v-4e0263bc] {
    width: 47%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.agent_flow_table_item_default_info_up[data-v-4e0263bc] {
    margin-top: 6px;
    width: 100%;
    height: 40%;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all
}

.agent_flow_table_item_default_info_bottom[data-v-4e0263bc] {
    width: 100%;
    height: 40%;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #b4b4b4;
    opacity: 1
}

.agent_flow_table_item_default_reward[data-v-4e0263bc] {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    color: #f27b21;
    opacity: 1
}

.agent_flow_table_item_default_btn[data-v-4e0263bc] {
    width: 10%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.agent_flow_table_item_default_btn img[data-v-4e0263bc] {
    width: 30px;
    height: 30px
}

.agent_flow_table_item_extend[data-v-4e0263bc] {
    margin-top: 5px;
    width: 100%;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px
}

.agent_flow_table_item_extend_line[data-v-4e0263bc] {
    width: 100%;
    height: 8px;
    background: #2209a7
}

.agent_flow_table_item_extend_item[data-v-4e0263bc] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center
}

.agent_flow_table_item_extend_item_left[data-v-4e0263bc] {
    margin-left: 10px;
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.agent_flow_table_item_extend_item_left_up[data-v-4e0263bc] {
    width: 100%;
    height: 55%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: flex-start;
    justify-content: center
}

.agent_flow_table_item_extend_item_left_up_left[data-v-4e0263bc] {
    width: 60%;
    height: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: center
}

.agent_flow_table_item_extend_item_left_up_right[data-v-4e0263bc] {
    width: 60%;
    height: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #f27b21;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-end;
    justify-content: center
}

.agent_flow_table_item_extend_item_left_middle[data-v-4e0263bc] {
    width: 100%;
    height: 15%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_table_item_extend_item_left_middle_progress[data-v-4e0263bc] {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

.agent_flow_table_item_extend_item_left_middle_progress div[data-v-4e0263bc] {
    position: relative;
    width: 100%;
    height: 4px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.agent_flow_table_item_extend_item_left_middle_progress div div[data-v-4e0263bc] {
    height: 4px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px;
    position: absolute;
    left: 0
}

.agent_flow_table_item_extend_item_left_bottom[data-v-4e0263bc] {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #b6b6b6;
    opacity: 1
}

.agent_flow_table_item_extend_item_right[data-v-4e0263bc] {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

.agent_flow_table_item_extend_item_right button[data-v-4e0263bc] {
    width: 70px;
    height: 24px;
    background: #d6d6d6;
    border: 0;
    opacity: 1;
    border-radius: 27px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    margin-top: 10px
}

.notice_zz_suc[data-v-4e0263bc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-4e0263bc] {
    background: #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100px;
    width: 71%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .8;
    z-index: 99
}

.amount_txt[data-v-4e0263bc] {
    height: 66%;
    font-size: 36px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    opacity: 1
}

.amount_txt_tip[data-v-4e0263bc] {
    height: 34%;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 1
}

li[data-v-27a0d586] {
    border: 1px dashed #999;
    margin: 5px;
    line-height: 35px;
    padding-left: 5px;
    font-size: 12px;
    width: 100%
}

li[data-v-27a0d586]:hover {
    background-color: #ff69b4;
    transition: all .8s ease
}

.v-enter[data-v-27a0d586], .v-leave-to[data-v-27a0d586] {
    opacity: 0;
    transform: translateY(-80px)
}

.v-enter-active[data-v-27a0d586], .v-leave-active[data-v-27a0d586], .v-move[data-v-27a0d586] {
    transition: all .6s ease
}

.v-leave-active[data-v-27a0d586] {
    position: absolute
}

#animat[data-v-27a0d586] {
    width: 80px;
    border-radius: 40px;
    position: relative;
    animation: mymove-data-v-27a0d586 1s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation: mymove-data-v-27a0d586 1s infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    margin-top: 50px;
    margin-bottom: 50px
}

@keyframes mymove-data-v-27a0d586 {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(1)
    }
    75% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes mymove-data-v-27a0d586 {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(1)
    }
    75% {
        transform: scale(1.1)
    }
}

image[data-v-27a0d586] {
    width: 80px;
    border-radius: 40px
}

.today_lifafa_award[data-v-9d4ac826] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.today_lifafa_award_title[data-v-9d4ac826] {
    position: relative;
    width: 100%;
    margin-top: 70px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #000;
    opacity: 1
}

.today_lifafa_award_static[data-v-9d4ac826] {
    width: 92%;
    margin-left: 4%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center
}

.today_lifafa_award_static_left[data-v-9d4ac826] {
    width: 50%;
    justify-content: flex-start
}

.today_lifafa_award_static_left[data-v-9d4ac826], .today_lifafa_award_static_right[data-v-9d4ac826] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: #a7a7a7
}

.today_lifafa_award_static_right[data-v-9d4ac826] {
    width: 49%;
    justify-content: flex-end
}

.rule_help_content_tab_view_room_time[data-v-9d4ac826] {
    width: 96%;
    height: 100%;
    background: #fff;
    margin-left: 2%;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start
}

.rule_help_content_tab_view_room_time_span[data-v-9d4ac826] {
    width: 100%;
    height: 16%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #393939;
    opacity: 1;
    text-align: left
}

.rule_help_content_tab_view_room_time_div[data-v-9d4ac826] {
    margin-top: 10px;
    width: 100%;
    height: 77%
}

.rule_help_content_tab_view_room_time_div_table_header[data-v-9d4ac826] {
    width: 100%;
    height: 40px;
    background: #eff0fe;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #d5d8ec;
    overflow: hidden;
    text-align: center
}

.rule_help_content_tab_view_room_time_div_table_header span[data-v-9d4ac826] {
    height: 100%;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_room_time_div_table_body[data-v-9d4ac826] {
    width: 100%;
    height: 41px;
    background: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center
}

.rule_help_content_tab_view_room_time_div_table_body_div[data-v-9d4ac826] {
    height: 100%;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    color: #555;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_room_time_div_table_body_div_last[data-v-9d4ac826] {
    height: 100%;
    width: 35%;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    overflow: hidden;
    color: #555;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.rule_help_content_tab_view_room_time_div_table_body_div_process[data-v-9d4ac826] {
    width: 93px;
    height: 12px;
    background: #f70;
    opacity: 1;
    border-radius: 5px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-left: 2px
}

.rule_help_content_tab_view_room_time_div_table_body_div_process_left[data-v-9d4ac826] {
    width: 70%;
    height: 100%;
    background: transparent;
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 12px;
    color: #fff
}

.rule_help_content_tab_view_room_time_div_table_body_div_process_right[data-v-9d4ac826] {
    width: 30%;
    height: 100%;
    background: #f22828;
    opacity: 1;
    border-radius: 0 5px 5px 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 12px;
    color: #fff
}

.img-box[data-v-da4b214e] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    overflow: hidden
}

.img-box img[data-v-da4b214e] {
    width: 100%
}

.btn-box[data-v-da4b214e] {
    text-align: center;
    margin-top: 20px
}

.btn[data-v-da4b214e] {
    border: none;
    outline: none;
    font-size: 22px;
    color: #fff;
    background: #1890ff;
    padding: 12px 24px;
    border-radius: 24px
}

div.nav_bar_recharge[data-v-da4b214e] {
    height: 50px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-da4b214e] {
    font-size: 20px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    opacity: 1;
    padding: 0 8px
}

.nav_middle[data-v-da4b214e] {
    margin-left: -16px
}

.btn-box[data-v-da4b214e] {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    margin: 10px 0
}

.btn-box button[data-v-da4b214e] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    height: 100%;
    font-size: 22px;
    background: #0bc048;
    color: #fff;
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: none
}

.main[data-v-1505d5f8] {
    box-sizing: border-box;
    width: 100%;
    padding: 16px
}

.title[data-v-1505d5f8] {
    font-size: 24px
}

.info[data-v-1505d5f8] {
    margin-top: 24px;
    border: 1px solid #e9e9e9
}

.infotitle[data-v-1505d5f8] {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    background: #1bb0f3;
    box-sizing: border-box;
    padding: 0 12px
}

.infomain[data-v-1505d5f8] {
    box-sizing: border-box;
    padding: 12px
}

.infomain-item[data-v-1505d5f8] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.infomain-item-left[data-v-1505d5f8] {
    flex: 1;
    word-break: break-all
}

.small-btn[data-v-1505d5f8] {
    border: none;
    outline: none;
    background: #1bb0f3;
    color: #fff;
    padding: 6px 12px
}

.qrcode[data-v-1505d5f8], .qrcode img[data-v-1505d5f8] {
    width: 100%
}

.btn[data-v-1505d5f8] {
    border: none;
    outline: none;
    width: 100%;
    height: 50px;
    font-size: 24px;
    color: #fff;
    background: #22b250
}

.input-box[data-v-1505d5f8] {
    margin-top: 12px;
    box-sizing: border-box;
    width: 100%
}

.input-box input[data-v-1505d5f8] {
    box-sizing: border-box;
    padding: 12px 8px;
    width: 100%;
    border: 2px solid #1bb0f3;
    background: #f5f5f5
}

div.nav_bar_recharge[data-v-1505d5f8] {
    height: 50px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-1505d5f8] {
    font-size: 20px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    opacity: 1;
    padding: 0 8px
}

.nav_middle[data-v-1505d5f8] {
    margin-left: -16px
}

.btn-box[data-v-1505d5f8] {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    margin: 10px 0
}

.btn-box button[data-v-1505d5f8] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    height: 100%;
    font-size: 22px;
    background: #0bc048;
    color: #fff;
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: none
}

.footer[data-v-2e3f5e30] {
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.nav_foot[data-v-2e3f5e30] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 2
}

.nav_foot li[data-v-2e3f5e30] {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.nav_foot li img[data-v-2e3f5e30] {
    width: 18px;
    height: 18px
}

.nav_foot li span[data-v-2e3f5e30] {
    color: #868f8b;
    font-size: 12px;
    margin-top: 3px
}

.nav_foot_home[data-v-2e3f5e30] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.nav_foot_home li[data-v-2e3f5e30] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.nav_foot_home li img[data-v-2e3f5e30] {
    width: 18px;
    height: 18px
}

.nav_foot_home li span[data-v-2e3f5e30] {
    color: #868f8b;
    font-size: 12px;
    margin-top: 3px
}

.active span[data-v-2e3f5e30] {
    color: #009688 !important
}

.background[data-v-8aa95b08] {
    width: 100%;
    background: #fff;
    margin-bottom: 120px
}

.task_nav[data-v-8aa95b08] {
    height: 50px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

.task_nav[data-v-8aa95b08], .task_nav_rank[data-v-8aa95b08] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

.task_nav_rank[data-v-8aa95b08] {
    height: 12%;
    align-content: center
}

.task_nav_rank_img[data-v-8aa95b08] {
    width: 95%;
    height: 100%
}

.task[data-v-8aa95b08] {
    margin-top: 10px;
    background-color: #fff
}

.task[data-v-8aa95b08], .task_item[data-v-8aa95b08] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item[data-v-8aa95b08] {
    height: 200px
}

.task_item_content[data-v-8aa95b08] {
    margin-right: 3%;
    margin-left: 3%;
    width: 94%;
    height: 190px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top[data-v-8aa95b08] {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_content_top_left[data-v-8aa95b08] {
    height: 100%;
    width: 17%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.task_item_content_top_left_img[data-v-8aa95b08] {
    height: 40px;
    width: 40px
}

.task_item_content_top_middle[data-v-8aa95b08] {
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start
}

.task_item_content_top_middle_title[data-v-8aa95b08] {
    height: 26px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 25px;
    color: #000;
    opacity: 1;
    font-family: auto
}

.task_item_content_top_middle_desc[data-v-8aa95b08] {
    height: 32px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1;
    font-family: auto
}

.task_item_content_top_middle_title2[data-v-8aa95b08] {
    margin-top: 10px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    opacity: 1;
    font-family: auto
}

.task_item_content_top_middle_desc2[data-v-8aa95b08] {
    margin-top: 20px;
    height: 32px;
    font-weight: 400;
    line-height: 14px;
    color: #5e5e5e;
    opacity: 1;
    font-family: auto
}

.task_item_content_top_right[data-v-8aa95b08] {
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_top_right_span[data-v-8aa95b08] {
    height: 33px;
    font-size: 18px;
    font-weight: 800;
    line-height: 33px;
    color: #e42f2f;
    opacity: 1
}

.task_item_content_process[data-v-8aa95b08] {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px
}

.task_item_content_process_bg[data-v-8aa95b08] {
    position: relative;
    margin-top: 7px;
    width: 100%;
    height: 6px;
    background: #b2b2b2;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_bg_jd[data-v-8aa95b08] {
    height: 6px;
    background: #0bc048;
    opacity: 1;
    border-radius: 4px
}

.task_item_content_process_nb[data-v-8aa95b08] {
    position: relative;
    margin-top: 10px;
    height: 15px
}

.task_item_content_process_nb[data-v-8aa95b08], .task_item_content_process_nb_zero_hundred[data-v-8aa95b08] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center
}

.task_item_content_process_nb_zero_hundred[data-v-8aa95b08] {
    height: 18px
}

.task_item_content_process_nb_process[data-v-8aa95b08] {
    position: absolute;
    height: 15px;
    display: flex;
    left: 10px;
    top: 1px;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_process_nb_span_p[data-v-8aa95b08] {
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: #0bc048;
    opacity: 1;
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center
}

.task_item_content_process_nb_span[data-v-8aa95b08] {
    width: 34px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #b4b4b4;
    opacity: 1
}

.task_item_content_btn[data-v-8aa95b08] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.task_item_bottom[data-v-8aa95b08] {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    opacity: 1
}

.task_item_bottom_receieve[data-v-8aa95b08] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #fff;
    border: 2px solid #1cc58d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    font-size: 22px;
    line-height: 30px;
    color: #0bc048;
    opacity: 1;
    border-radius: 20px
}

.task_item_bottom_start_task[data-v-8aa95b08] {
    background: #bee3fd;
    border: 6px solid #ddeffe;
    color: #1a8ad7;
    border-radius: 20px
}

.task_item_bottom_jump[data-v-8aa95b08], .task_item_bottom_start_task[data-v-8aa95b08] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    opacity: 1;
    font-size: 22px;
    line-height: 30px
}

.task_item_bottom_jump[data-v-8aa95b08] {
    background: #fffeef;
    border: 1px solid #fa0;
    color: #fa0;
    border-radius: 20px
}

.long_btn[data-v-8aa95b08] {
    margin-top: 10px;
    width: 100%;
    height: 44px;
    background: #f5f5f5;
    opacity: 1;
    font-size: 22px;
    line-height: 30px;
    color: #cdcdcd;
    border-radius: 20px
}

.web_show[data-v-626e6fdd] {
    height: 56px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    will-change: padding-left, padding-right;
    position: relative
}

.web_show .logo_box[data-v-626e6fdd] {
    width: 36px;
    height: 36px
}

.web_show span[data-v-626e6fdd] {
    display: inline-block;
    width: 74%;
    color: #616161;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.web_show .logo_box img[data-v-626e6fdd] {
    width: 100%;
    height: 100%
}

.web_show .download_box[data-v-626e6fdd] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.web_show .download_box img[data-v-626e6fdd] {
    width: 100%;
    height: 100%
}

.index_title[data-v-626e6fdd] {
    background: #fafafa
}

.index_title .top_title[data-v-626e6fdd] {
    text-align: center;
    padding: 12px 12px 0;
    color: #009688;
    font-size: 28px
}

.index_title .bot_title[data-v-626e6fdd] {
    text-align: center;
    padding: 0 12px 16px;
    color: #9a9a9a;
    font-size: 16px
}

.my-swipe[data-v-626e6fdd] {
    height: 500px;
    width: 100%
}

.my-swipe .van-swipe-item[data-v-626e6fdd] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.my-swipe .back_img[data-v-626e6fdd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.index_list[data-v-626e6fdd] {
    width: 100%;
    padding: 20px 0 64px 0;
    box-sizing: border-box;
    background: #fafafa
}

.index_list .list_content[data-v-626e6fdd] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.index_list .list_content .list_ul[data-v-626e6fdd] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.list_ul .list_li[data-v-626e6fdd] {
    width: 50%;
    padding: 4px;
    box-sizing: border-box
}

.list_ul .list_li ol[data-v-626e6fdd] {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0, 0, 0, .87);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    overflow: hidden
}

.list_ul .list_li ol .list_img_box[data-v-626e6fdd] {
    width: 100%;
    height: 200px;
    padding: 8px;
    box-sizing: border-box
}

.list_ul .list_li ol .list_img[data-v-626e6fdd] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.list_ul .list_li ol .info[data-v-626e6fdd] {
    height: 58px;
    overflow: hidden;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    color: rgba(0, 0, 0, .87)
}

.list_ul .list_li ol .price[data-v-626e6fdd] {
    display: inline-block;
    color: #f39839;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box
}

.product[data-v-fc7c5b08] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-fc7c5b08] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-fc7c5b08], .top_nav[data-v-fc7c5b08] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-fc7c5b08] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-fc7c5b08] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.swiper_box[data-v-fc7c5b08] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding-top: 10px;
    box-sizing: border-box
}

.my-swipe[data-v-fc7c5b08] {
    height: 490px;
    width: 100%;
    background: #fafafa
}

.my-swipe .van-swipe-item[data-v-fc7c5b08] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.my-swipe .back_img[data-v-fc7c5b08] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.custom-indicator[data-v-fc7c5b08] {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 5px;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-indicator span[data-v-fc7c5b08] {
    display: inline-block;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .15);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px
}

.custom-indicator span i[data-v-fc7c5b08] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .5)
}

.i_active[data-v-fc7c5b08] {
    width: 28px;
    height: 28px
}

.product_info[data-v-fc7c5b08] {
    padding: 15px 0
}

.product_info .info[data-v-fc7c5b08] {
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5
}

.product_info .price[data-v-fc7c5b08] {
    font-size: 18px;
    color: #f39839
}

.goshop_btn[data-v-fc7c5b08], .product_info .price[data-v-fc7c5b08] {
    padding: 8px 15px;
    box-sizing: border-box
}

.goshop_btn button[data-v-fc7c5b08] {
    padding: 10px 15px;
    border: 0;
    background: #f39839;
    color: #fff;
    font-size: 14px;
    border-radius: 4px
}

.disabled_btn[data-v-fc7c5b08] {
    background: #dcdcdc !important;
    color: rgba(0, 0, 0, .26) !important
}

.table_info[data-v-fc7c5b08] {
    background: #fff;
    width: 100%
}

.table_info table[data-v-fc7c5b08] {
    width: 100%;
    border-collapse: collapse
}

.table_info table tr[data-v-fc7c5b08] {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px
}

.table_info table tr[data-v-fc7c5b08]:last-child {
    border-bottom: 0
}

.table_info table tr th[data-v-fc7c5b08] {
    color: #a3a3a3
}

.table_info table tr td[data-v-fc7c5b08], .table_info table tr th[data-v-fc7c5b08] {
    width: 50%;
    padding: 0 15px 0 8%;
    box-sizing: border-box;
    text-align: left;
    line-height: 1.5
}

.search_box[data-v-5b5ad5b7] {
    background: #fafafa;
    padding: 20px 15px 0 15px;
    box-sizing: border-box
}

.search_box input[data-v-5b5ad5b7] {
    width: 100%;
    color: rgba(0, 0, 0, .87);
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    padding: 0 12px;
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    border-radius: 2px;
    border: 0
}

.index_list[data-v-5b5ad5b7] {
    width: 100%;
    padding: 20px 0 64px 0;
    box-sizing: border-box;
    background: #fafafa
}

.index_list .list_content[data-v-5b5ad5b7] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.index_list .list_content .list_ul[data-v-5b5ad5b7] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.list_ul .list_li[data-v-5b5ad5b7] {
    width: 50%;
    padding: 4px;
    box-sizing: border-box
}

.list_ul .list_li ol[data-v-5b5ad5b7] {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0, 0, 0, .87);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    overflow: hidden
}

.list_ul .list_li ol .list_img_box[data-v-5b5ad5b7] {
    width: 100%;
    height: 200px;
    padding: 8px;
    box-sizing: border-box
}

.list_ul .list_li ol .list_img[data-v-5b5ad5b7] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.list_ul .list_li ol .info[data-v-5b5ad5b7] {
    height: 58px;
    overflow: hidden;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    color: rgba(0, 0, 0, .87)
}

.list_ul .list_li ol .price[data-v-5b5ad5b7] {
    display: inline-block;
    color: #f39839;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box
}

.notice_zz[data-v-303f188c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-303f188c] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-303f188c] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-303f188c] {
    font-size: 14px;
    padding: 15px 0 15px 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.tz_close[data-v-303f188c] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-303f188c] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.special_wrapper[data-v-303f188c] {
    width: 80%
}

.special[data-v-303f188c] {
    padding: 5px 0 15px
}

.input_box[data-v-303f188c] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-303f188c] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-303f188c] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-303f188c] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-303f188c] {
    padding: 10px 0 10px 20px
}

.agree_zz[data-v-652253c1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.wrapper[data-v-652253c1] {
    background: #fff;
    border-radius: 4px;
    width: 100%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative
}

.branch_title[data-v-652253c1] {
    padding: 10px;
    box-sizing: border-box;
    font-size: 24px;
    color: #fff
}

.branch_title button[data-v-652253c1] {
    float: right;
    margin-right: 15px;
    background-color: transparent;
    padding: 3px 20px;
    font-size: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 2px
}

.branch_content[data-v-652253c1] {
    padding: 5px 20px 70px 20px;
    box-sizing: border-box
}

.money[data-v-652253c1] {
    margin-bottom: 15px;
    font-size: 14px;
    color: #212121
}

.money > span[data-v-652253c1] {
    color: rgba(0, 0, 0, .54)
}

.choose_money[data-v-652253c1] {
    margin-bottom: 15px;
    display: flex
}

.choose_money ul[data-v-652253c1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    text-align: center
}

.choose_money ul li[data-v-652253c1] {
    padding: 10px 10px;
    font-size: 14px;
    color: #000;
    border-radius: 2px;
    margin-left: 10px;
    width: 120px;
    background-color: hsla(0, 0%, 62%, .5019607843137255)
}

.stepper[data-v-652253c1] {
    margin-bottom: 10px
}

.stepper .van-stepper[data-v-652253c1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.stepper .van-stepper[data-v-652253c1] button {
    width: 56px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #f5f5f5;
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.stepper .van-stepper[data-v-652253c1] .van-stepper__minus:before, .stepper .van-stepper[data-v-652253c1] .van-stepper__plus:before {
    width: 34%;
    height: 1px;
    color: #000
}

.stepper .van-stepper[data-v-652253c1] input {
    background: transparent;
    font-size: 24px;
    width: 100px
}

.agree_box[data-v-652253c1] {
    margin: 5px 0 5px
}

.van-checkbox[data-v-652253c1] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.agree_box[data-v-652253c1] .van-checkbox__label {
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0, 0, 0, .54)
}

.agree_box[data-v-652253c1] .greencolor {
    color: #009688;
    font-weight: 400
}

.close_btn[data-v-652253c1] {
    height: 65px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-652253c1] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9);
    border-radius: 2px
}

.close_btn button[data-v-652253c1]:first-child {
    width: 40%
}

.close_btn button[data-v-652253c1]:nth-child(2) {
    width: 60%;
    color: #fff;
    font-size: 18px
}

.agree_title[data-v-652253c1] {
    font-size: 24px;
    padding: 15px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree[data-v-652253c1] {
    width: 100%;
    height: 75vh;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 15px 15px 60px 15px;
    box-sizing: border-box;
    pointer-events: auto
}

.content_agree p[data-v-652253c1] {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.5;
    color: #212121
}

.suoclass[data-v-652253c1] {
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-fill-available;
    height: 100%;
    border-radius: 2px
}

.customerService a img[data-v-58dcac70] {
    height: 100px;
    position: fixed;
    bottom: 20%;
    right: 0
}

h2[data-v-a7107ef2] {
    padding: 20px 0
}

.textBox[data-v-a7107ef2] {
    height: 20px;
    margin: 0 auto;
    margin-top: 7px;
    overflow: hidden;
    position: relative;
    margin-left: 36px
}

.text[data-v-a7107ef2] {
    width: 95%;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    font-size: 12px
}

.slide-enter-active[data-v-a7107ef2], .slide-leave-active[data-v-a7107ef2] {
    transition: all .5s
}

.slide-enter[data-v-a7107ef2] {
    transform: translateY(20px)
}

.slide-leave-to[data-v-a7107ef2] {
    transform: translateY(-40px)
}

.notice_news[data-v-064a623e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.notice_news .wrapper[data-v-064a623e] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.notice_news .tz_title[data-v-064a623e] {
    font-size: 24px;
    padding: 15px
}

.notice_news .tz_info[data-v-064a623e] {
    font-size: 14px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto !important
}

.notice_news .tz_close[data-v-064a623e] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.notice_news .tz_close button[data-v-064a623e] {
    color: #00897b;
    font-size: 20px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.notice_news .special_wrapper[data-v-064a623e] {
    width: 80%
}

.notice_news .special[data-v-064a623e] {
    padding: 5px 0 15px
}

.notice_news .input_box[data-v-064a623e] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.notice_news .input_box span[data-v-064a623e] {
    font-size: 12px;
    color: #757575
}

.notice_news .input_box input[data-v-064a623e] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.notice_news .signinInfo[data-v-064a623e] {
    margin-bottom: 10px
}

.notice_news .signinfo[data-v-064a623e] {
    padding: 10px 0 10px 20px
}

.hid_span[data-v-96ec108a] {
    height: 0
}

.show_span[data-v-96ec108a] {
    height: 10px
}

.center_notes li:nth-child(2) span[data-v-96ec108a], .center_notes li:nth-child(4) span[data-v-96ec108a], .center_notes li:nth-child(6) span[data-v-96ec108a]:first-child, .center_notes li:nth-child(8) span[data-v-96ec108a], .center_notes li:nth-child(10) span[data-v-96ec108a] {
    background: #4caf50;
    right: 2px
}

.center_notes li:first-child > span[data-v-96ec108a], .center_notes li:nth-child(6) > span[data-v-96ec108a] {
    background: #9c27b0;
    right: 15px
}

.center_notes li:first-child span[data-v-96ec108a]:first-child, .center_notes li:nth-child(3) span[data-v-96ec108a], .center_notes li:nth-child(5) span[data-v-96ec108a], .center_notes li:nth-child(7) span[data-v-96ec108a], .center_notes li:nth-child(9) span[data-v-96ec108a] {
    background: #f44336;
    right: 2px
}

.center_notes li span[data-v-96ec108a] {
    content: "";
    position: absolute;
    bottom: 17px;
    width: 10px;
    border-radius: 50%;
    margin-right: 10%
}

.center_notes li small[data-v-96ec108a] {
    position: absolute;
    bottom: 0;
    color: red
}

.win[data-v-96ec108a] {
    padding-bottom: 64px
}

.mine_top[data-v-96ec108a] {
    width: 100%;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.mine_top .mine_info[data-v-96ec108a] {
    width: 100%;
    background: #009688;
    border-radius: 2px;
    padding: 12px 8px 8px 8px;
    box-sizing: border-box
}

.balance[data-v-96ec108a] {
    padding: 12px 0 15px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff
}

.mine_info_btn[data-v-96ec108a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end
}

.mine_info_btn .btn button[data-v-96ec108a], .roule_class[data-v-96ec108a] {
    padding: 0 5px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: 0;
    border-radius: 2px;
    background: #f5f5f5;
    margin-right: 10px
}

.mine_info_btn .refresh img[data-v-96ec108a] {
    width: 22px;
    heihgt: 22px
}

.one_btn[data-v-96ec108a] {
    background: #2196f3 !important;
    color: #fff !important
}

.main .main_nav[data-v-96ec108a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.main .main_nav li[data-v-96ec108a] {
    width: 25%;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    opacity: .7
}

.grayback[data-v-96ec108a] {
    background: #dcdcdc !important;
    color: #333 !important
}

.main .main_nav li.active[data-v-96ec108a] {
    opacity: 1;
    border-bottom: 2px solid #009688
}

.center_text[data-v-96ec108a] {
    width: 100%;
    padding: 15px 0 5px;
    background: #fafafa
}

.center_top[data-v-96ec108a] {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row
}

.center_top li[data-v-96ec108a] {
    width: 50%
}

.center_top li .top_ol[data-v-96ec108a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    color: #7d7d7d
}

.center_top li .top_ol img[data-v-96ec108a] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.bot_ol[data-v-96ec108a] {
    margin-top: 12px;
    font-size: 22px;
    color: rgba(0, 0, 0, .87)
}

.right_li[data-v-96ec108a] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end
}

.bot_ol .countdown .van-count-down[data-v-96ec108a] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.bot_ol .countdown span[data-v-96ec108a] {
    color: #0f1223;
    margin-left: 5px;
    font-size: 24px
}

.bot_ol .countdown .span[data-v-96ec108a] {
    display: inline-block;
    padding: 5px 5px;
    border-radius: 5px;
    background: #f2f2f2
}

.bot_ol .ol_btn button[data-v-96ec108a] {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 2px;
    border: 0;
    background: #ff9800;
    color: #fff
}

.btn_center[data-v-96ec108a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px 0;
    box-sizing: border-box;
    margin-top: 12px
}

.btn_center_fushu[data-v-96ec108a] {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0 15px 0;
    height: 15px;
    box-sizing: border-box;
    color: red
}

.btn_center_fushu span[data-v-96ec108a] {
    width: 35%;
    margin-left: 12%;
    text-align: center;
    color: red
}

.btn_center_fushu span[data-v-96ec108a]:first-child {
    width: 35%;
    margin-left: 2% !important;
    text-align: center;
    color: red
}

.btn_center button[data-v-96ec108a] {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 2px;
    border: 0;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.back_one[data-v-96ec108a] {
    background: #4caf50;
    color: #fff
}

.back_two[data-v-96ec108a] {
    background: #9c27b0;
    color: #fff
}

.back_three[data-v-96ec108a] {
    background: #f44336;
    color: #fff
}

.center_notes[data-v-96ec108a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 8px;
    box-sizing: border-box
}

.center_notes li[data-v-96ec108a] {
    width: 20%;
    display: flex;
    justify-content: center;
    position: relative
}

.center_notes li ol[data-v-96ec108a] {
    display: inline-block;
    padding: 10px 0;
    width: 80%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    background: #2196f3;
    margin-bottom: 15px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.content[data-v-96ec108a] {
    background: #fafafa
}

.content_con[data-v-96ec108a] {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: #fff;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 15px
}

.content_title[data-v-96ec108a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #009587;
    padding: 0 0 12px
}

.content_title img[data-v-96ec108a] {
    width: 20px;
    height: 20px
}

.content_title p[data-v-96ec108a] {
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    margin-top: 10px
}

.parity[data-v-96ec108a] {
    width: 100%
}

.parity table[data-v-96ec108a] {
    width: 100%;
    border-collapse: collapse
}

.parity table th[data-v-96ec108a] {
    width: 20%;
    height: 56px;
    line-height: 56px;
    color: rgba(0, 0, 0, .54);
    font-size: 12px;
    text-align: center
}

.parity table td[data-v-96ec108a] {
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    text-align: center
}

.parity table tr[data-v-96ec108a] {
    border-bottom: 1px solid #e0e0e0
}

.parity table tr td span[data-v-96ec108a] {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px
}

.red[data-v-96ec108a] {
    background: #f44336
}

.redcolor[data-v-96ec108a] {
    color: #f44336
}

.purple[data-v-96ec108a] {
    background: #9c27b0
}

.purplecolor[data-v-96ec108a] {
    color: #9c27b0
}

.green[data-v-96ec108a] {
    background: #4caf50
}

.greencolor[data-v-96ec108a] {
    color: #4caf50
}

.bluecolor[data-v-96ec108a] {
    color: #2197f3
}

.pagination[data-v-96ec108a] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-96ec108a] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-96ec108a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.page_btn[data-v-96ec108a] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.myParity_info[data-v-96ec108a], .page_btn .van-icon[data-v-96ec108a] {
    font-size: 14px
}

.myParity_info span[data-v-96ec108a] {
    margin-right: 20px
}

.success[data-v-96ec108a] {
    color: #4caf50
}

.fail[data-v-96ec108a] {
    color: #f44336
}

.waitcolor[data-v-96ec108a] {
    color: #f39839
}

.myParity .myParity_title[data-v-96ec108a] {
    color: #009688;
    font-size: 14px
}

.myParity ul li[data-v-96ec108a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 15px
}

.myParity ul li ol[data-v-96ec108a] {
    width: 50%;
    text-align: left;
    font-size: 12px;
    color: rgba(0, 0, 0, .87)
}

.myParity_btn[data-v-96ec108a] {
    margin-top: 15px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.myParity_btn button[data-v-96ec108a] {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    background: #009688;
    color: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.orange[data-v-96ec108a] {
    color: #f39839
}

.agree_zz[data-v-96ec108a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-96ec108a] {
    overflow: hidden;
    position: relative
}

.agree_title[data-v-96ec108a] {
    font-size: 24px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree span[data-v-96ec108a], b[data-v-96ec108a] {
    font-size: 14px
}

.content_agree[data-v-96ec108a] {
    width: 100%;
    padding: 15px 15px 40px 15px;
    box-sizing: border-box;
    max-height: 120vw;
    overflow-y: scroll
}

.content_agree p[data-v-96ec108a] {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    padding: 8px;
    box-sizing: border-box
}

.close_btn[data-v-96ec108a] {
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-96ec108a] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.btn_active[data-v-96ec108a] {
    background: #dcdcdc !important;
    color: #333 !important
}

.table_loading[data-v-96ec108a] {
    width: 100%;
    height: 2px;
    overflow: hidden;
    position: relative
}

.v-progress-linear__bar__indeterminate--active .short[data-v-96ec108a] {
    -webkit-animation: indeterminate-short-data-v-96ec108a;
    animation: indeterminate-short-data-v-96ec108a;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.v-progress-linear__bar__indeterminate--active .long[data-v-96ec108a] {
    -webkit-animation: indeterminate-data-v-96ec108a;
    animation: indeterminate-data-v-96ec108a;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.v-progress-linear__bar__indeterminate .long[data-v-96ec108a], .v-progress-linear__bar__indeterminate .short[data-v-96ec108a] {
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    will-change: left, right;
    width: auto;
    height: 2px;
    background-color: inherit
}

.primary[data-v-96ec108a] {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important
}

@-webkit-keyframes indeterminate-data-v-96ec108a {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate-data-v-96ec108a {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@-webkit-keyframes indeterminate-short-data-v-96ec108a {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short-data-v-96ec108a {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

.mine_tongzhi[data-v-96ec108a] {
    position: relative
}

.mine_tongzhi p[data-v-96ec108a] {
    padding-left: 36px;
    background-color: #bbdffb;
    line-height: 20px;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    font-size: 12px
}

.rolling_strip[data-v-96ec108a] {
    display: inline-block;
    height: 100%;
    width: 95%;
    margin-left: 5%;
    text-align: center;
    align-items: center;
    color: red
}

.mine_laba[data-v-96ec108a] {
    position: absolute;
    height: 34px;
    width: 34px;
    margin-top: 3px;
    padding-left: 3px
}

.notice_zz[data-v-96ec108a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.wrapper[data-v-96ec108a] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-96ec108a] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-96ec108a] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto
}

.tz_close[data-v-96ec108a] {
    justify-content: flex-end;
    padding: 8px 5px 8px 5px;
    box-sizing: border-box;
    text-align: center
}

.tz_close button[data-v-96ec108a] {
    width: 100%
}

.tz_close_2 button[data-v-96ec108a], .tz_close button[data-v-96ec108a] {
    border-radius: 5px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    border: 0
}

.tz_close_2 button[data-v-96ec108a] {
    float: right
}

.tz_close p[data-v-96ec108a] {
    margin: 5% 0
}

.tz_close span[data-v-96ec108a] {
    font-size: 14px;
    color: #767676
}

.button_pup[data-v-96ec108a] {
    height: 40%;
    width: 100%;
    margin: 5% 0
}

.suoclass[data-v-96ec108a] {
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-fill-available;
    height: 100%;
    border-radius: 2px
}

.roule_class[data-v-96ec108a] {
    width: 20%;
    line-height: 0;
    height: 25px;
    font-size: 12px;
    padding: 0;
    margin-right: 0;
    position: absolute;
    top: 20px;
    right: 20px
}

.roule_class_a[data-v-96ec108a] {
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 25px;
    text-decoration: underline
}

.threebtn[data-v-96ec108a] {
    background: #33cbba !important;
    color: #fff !important
}

.one_btn[data-v-96ec108a] {
    position: relative
}

.one_btn img[data-v-96ec108a] {
    height: 25px;
    width: 24.5px;
    vertical-align: middle;
    margin-right: 5px
}

.one_btn span[data-v-96ec108a], .red_dian[data-v-96ec108a] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0
}

.libao_class[data-v-96ec108a] {
    position: absolute;
    right: 10px
}

.libao_class img[data-v-96ec108a] {
    width: 43.5px;
    height: 42px
}

.libao_class span[data-v-96ec108a] {
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 12px;
    color: #fff
}

.forecast_div[data-v-96ec108a] {
    height: 40px;
    margin-top: 5px;
    position: relative
}

.forecast_div img[data-v-96ec108a] {
    width: 40px;
    position: absolute;
    left: 0
}

.forecast_div div[data-v-96ec108a] {
    margin-left: 20px;
    padding-left: 30px;
    height: 40px;
    background-color: #b5daf7;
    align-items: center;
    display: flex
}

.forecast_div .text_paomadeng_a p[data-v-96ec108a], .forecast_div .text_paomadeng_a p span[data-v-96ec108a], b[data-v-96ec108a] {
    font-size: 12px
}

.xiazhu_color[data-v-96ec108a] {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px
}

.doudong[data-v-96ec108a] {
    -webkit-animation: shake-data-v-96ec108a 1.5s linear infinite;
    animation: shake-data-v-96ec108a 1.5s linear infinite
}

@-webkit-keyframes shake-data-v-96ec108a {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

@keyframes shake-data-v-96ec108a {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

.tanchuang_fixed[data-v-96ec108a] {
    position: fixed;
    bottom: 20%;
    z-index: 998
}

.enter_in[data-v-96ec108a] {
    -webkit-animation: RTol-data-v-96ec108a 1s;
    animation: RTol-data-v-96ec108a 1s;
    right: 0
}

.enter_out[data-v-96ec108a] {
    -webkit-animation: lToR-data-v-96ec108a 1s;
    animation: lToR-data-v-96ec108a 1s;
    right: -170px
}

.tanchuang_fixed img[data-v-96ec108a] {
    width: 169px;
    height: 31.5px
}

@-webkit-keyframes RTol-data-v-96ec108a {
    0% {
        right: -170px
    }
}

@keyframes RTol-data-v-96ec108a {
    0% {
        right: -170px
    }
}

@-webkit-keyframes lToR-data-v-96ec108a {
    0% {
        right: 0
    }
}

@keyframes lToR-data-v-96ec108a {
    0% {
        right: 0
    }
}

.input_box[data-v-96ec108a] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 35px;
    position: relative
}

.signinInfo[data-v-96ec108a] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-96ec108a] {
    padding: 10px 0 10px 20px
}

.sign_vipshow[data-v-96ec108a] {
    margin-left: auto;
    width: 19.8% !important;
    height: 6% !important;
    margin-right: 0 !important
}

.app-service-box[data-v-ded42530] {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f7dec3), to(#009688))
}

.app-display_none[data-v-ded42530] {
    display: none
}

.app-service-box-none[data-v-ded42530], .app-service-box[data-v-ded42530] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    max-width: 100px;
    height: 18vw;
    max-height: 100px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 100
}

.app-service-box-none[data-v-ded42530] {
    background-image: none;
    background-color: #999
}

.app-service-box-item[data-v-ded42530] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    max-width: 100px;
    height: 18vw;
    max-height: 100px;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #f7dec3, #009688);
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.app-service-box-icon[data-v-ded42530] {
    width: 50%;
    height: 50%;
    border-radius: 50%
}

.app-service-box-title[data-v-ded42530] {
    font-size: 12px;
    color: #fff
}

.mine[data-v-1f46902d] {
    padding-bottom: 64px;
    background: #fafafa
}

.mine_top[data-v-1f46902d] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    background: #fff
}

.mine_top .mine_info[data-v-1f46902d] {
    width: 100%;
    background: #009688;
    border-radius: 2px;
    padding: 12px 8px 8px 8px;
    box-sizing: border-box
}

.mine_info_top[data-v-1f46902d] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.info_left[data-v-1f46902d] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.info_left img[data-v-1f46902d] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #424242;
    margin: 0 5px 0 13px;
    border: 0;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) !important
}

.info_left ul[data-v-1f46902d] {
    color: #fff;
    font-size: 14px;
    margin-left: 15px
}

.info_left ul li[data-v-1f46902d] {
    line-height: 22px
}

.info_right .notice[data-v-1f46902d] {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.info_right .notice img[data-v-1f46902d] {
    width: 20px;
    height: 20px
}

.mobile[data-v-1f46902d] {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    padding: 0 15px
}

.balance[data-v-1f46902d] {
    padding: 0 15px 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff
}

.mine_info_btn button[data-v-1f46902d] {
    padding: 0 8px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    border: 0;
    border-radius: 2px;
    background: #f5f5f5;
    margin-right: 8px
}

.mine_info_btn button[data-v-1f46902d]:last-child {
    margin-right: 0
}

.threebtn[data-v-1f46902d] {
    background: #33cbba !important;
    color: #fff !important
}

.one_btn[data-v-1f46902d] {
    background: #2196f3 !important;
    color: #fff !important
}

.mine_nav[data-v-1f46902d] {
    padding: 8px 0;
    background: #fff;
    margin-top: 2px
}

.mine_nav ul li[data-v-1f46902d] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    box-sizing: border-box
}

.mine_nav ul li ol[data-v-1f46902d] {
    display: flex;
    align-items: center
}

.mine_nav ul li ol img[data-v-1f46902d] {
    width: 24px;
    height: 24px;
    margin-right: 20px
}

.mine_nav ul li ol span[data-v-1f46902d] {
    font-size: 16px;
    color: #4e4e4e
}

.mine_nav ul li ol .van-icon[data-v-1f46902d] {
    font-size: 16px;
    color: #757575
}

.goout_box[data-v-1f46902d] {
    width: 100%;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fafafa
}

.goout_box button[data-v-1f46902d] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #f5f5f5;
    border-radius: 2px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: rgba(0, 0, 0, .87);
    border: 0;
    width: 50%
}

.van-collapse[data-v-1f46902d] {
    width: 100%
}

[class*=van-hairline][data-v-1f46902d]:after {
    border: 0
}

.van-collapse-item[data-v-1f46902d] .van-cell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.van-collapse-item[data-v-1f46902d] .van-cell:after {
    border-bottom: 0
}

.van-collapse-item[data-v-1f46902d] .van-cell__title {
    display: flex;
    flex-direction: row
}

.van-collapse-item[data-v-1f46902d] img {
    width: 24px;
    height: 24px;
    margin-right: 20px
}

.nav_name[data-v-1f46902d] {
    font-size: 16px;
    color: #4e4e4e
}

.nav_content[data-v-1f46902d] {
    padding: 12px 15px 12px 33px;
    font-size: 16px;
    color: #4e4e4e
}

.van-collapse-item[data-v-1f46902d] .van-collapse-item__content {
    padding: 12px 16px 0
}

.notice_zz[data-v-1f46902d] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper2[data-v-1f46902d], .wrapper[data-v-1f46902d] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-1f46902d] {
    font-size: 24px;
    padding: 15px
}

.tz_info[data-v-1f46902d] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-1f46902d] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-1f46902d] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.special_wrapper[data-v-1f46902d] {
    width: 80%
}

.special[data-v-1f46902d] {
    padding: 5px 0 15px
}

.input_box[data-v-1f46902d] {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 20px 0 40px 0
}

.input_box span[data-v-1f46902d] {
    font-size: 12px;
    color: #757575
}

.input_box input[data-v-1f46902d] {
    width: 100%;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #949494;
    padding: 10px 0 5px 0
}

.signinInfo[data-v-1f46902d] {
    margin-bottom: 10px
}

.signinInfo .signinfo[data-v-1f46902d] {
    padding: 10px 0 10px 20px
}

.rebbao_fushu[data-v-1f46902d] {
    position: absolute
}

.rebbao_download[data-v-1f46902d], .rebbao_fushu[data-v-1f46902d] {
    background-color: red;
    border-radius: 50%;
    width: 19px;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    color: #fff !important;
    font-size: 10px !important;
    left: 18px;
    bottom: 18px;
    padding-top: 2px
}

.rebbao_download[data-v-1f46902d] {
    float: right;
    margin-left: 18px;
    line-height: normal
}

.sign_vipshow[data-v-1f46902d] {
    margin-left: auto;
    width: 19.8% !important;
    height: 6% !important;
    margin-right: 0 !important
}

.doudong[data-v-1f46902d] {
    -webkit-animation: shake-data-v-1f46902d 1.5s linear infinite;
    animation: shake-data-v-1f46902d 1.5s linear infinite
}

@-webkit-keyframes shake-data-v-1f46902d {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

@keyframes shake-data-v-1f46902d {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

#jindutiao[data-v-1f46902d] {
    width: 80px;
    height: 15px;
    margin: 0 auto;
    margin-left: 5px;
    display: inline-block;
    vertical-align: text-top
}

#progressbar[data-v-1f46902d] {
    width: 100%;
    height: 10%;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid #29fa1a;
    padding: 1px;
    text-align: center
}

#progressbar span[data-v-1f46902d] {
    float: left;
    margin-left: 40%
}

#fill[data-v-1f46902d] {
    text-align: center;
    height: 100%;
    font-size: 12px;
    background: #87ff2c;
    border-radius: 100px 100px 100px 100px;
    opacity: 1;
    border: 1px solid #87ff2c
}

@-webkit-keyframes move-data-v-1f46902d {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes move-data-v-1f46902d {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.recharge[data-v-616253de] {
    background: #fafafa;
    padding-bottom: 64px
}

div.nav_bar_recharge[data-v-616253de] {
    height: 50px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left[data-v-616253de], .nav_middle[data-v-616253de], .nav_right[data-v-616253de] {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

div.nav_bar_recharge button[data-v-616253de] {
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav_bar_recharge .nav_left[data-v-616253de] {
    display: flex;
    align-items: center;
    width: 50px
}

.nav_bar_recharge .nav_left img[data-v-616253de] {
    margin-left: 10px;
    width: 25px
}

.nav_bar_recharge .nav_middle[data-v-616253de] {
    display: flex;
    align-items: center
}

.nav_bar_recharge .nav_middle img[data-v-616253de] {
    height: 33px
}

.nav_bar_recharge .nav_right[data-v-616253de] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50px
}

.nav_bar_recharge .nav_right img[data-v-616253de] {
    width: 25px;
    margin-right: 10px
}

.recharge_box[data-v-616253de] {
    width: 100%;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.top_text[data-v-616253de] {
    padding: 15px;
    box-sizing: border-box;
    text-align: center
}

.top_text[data-v-616253de], .top_text span[data-v-616253de] {
    font-size: 24px;
    font-weight: 400
}

.code_input_box[data-v-616253de] {
    width: 100%;
    display: flex;
    justify-content: center
}

.code_input[data-v-616253de] {
    width: 95%;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.code_input img[data-v-616253de] {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.code_input input[data-v-616253de] {
    width: 90%;
    font-size: 14px;
    border: 0
}

.amount_list[data-v-616253de] {
    width: 100%;
    padding: 25px 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around
}

.amount_list_button[data-v-616253de] {
    width: 28%;
    height: 54px;
    margin: 5px 5px;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    font-size: 20px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    background: #f6f6f6;
    border: 1px solid #d4d4d4;
    opacity: 1;
    border-radius: 5px;
    position: relative
}

.amount_list button img[data-v-616253de] {
    width: 78px;
    height: 24px;
    position: absolute;
    top: -10px;
    left: -6px
}

.small-font[data-v-616253de] {
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: 5px;
    color: #fff
}

.payment_box[data-v-616253de] {
    width: 100%;
    padding-left: 4%;
    box-sizing: border-box
}

.payment_box[data-v-616253de] .van-radio__icon--checked .van-icon {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    width: 25px;
    display: inline-block
}

.payment_box[data-v-616253de] .van-radio__icon .van-icon {
    border: transparent;
    width: 25px;
    display: inline-block
}

.payment_box .van-radio[data-v-616253de] {
    height: 40px;
    line-height: 48px;
    font-size: 16px
}

.payment_text[data-v-616253de] {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #757575
}

.van-radio[data-v-616253de] .text {
    margin-left: 30px;
    display: inline-block;
    color: #212121
}

.recharge_btn[data-v-616253de] {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0 24px
}

.choose_active[data-v-616253de] {
    border: 1px solid #d4d4d4;
    background: #2196f3 !important;
    color: #fff !important;
    border-radius: 5px
}

.choose_active[data-v-616253de], .normal_active_max[data-v-616253de] {
    width: 28%;
    height: 54px;
    margin: 5px 5px;
    text-align: center;
    align-items: center;
    font-size: 20px;
    opacity: 1;
    position: relative
}

.normal_active_max[data-v-616253de] {
    box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ffb300;
    border-radius: 5px
}

.choose_active_text[data-v-616253de] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    opacity: 1
}

.normal_active_text[data-v-616253de] {
    width: 100%;
    height: 27px;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    opacity: 1
}

.notice_button[data-v-616253de] {
    color: #4caf50;
    border: none;
    background: none;
    float: right
}

.xuanfu_rebbao_div[data-v-616253de] {
    height: 43px;
    width: 42.5px;
    position: fixed;
    top: 50%;
    right: 5%
}

.xuanfu_rebbao_div img[data-v-616253de] {
    height: 43px;
    width: 42.5px;
    position: relative
}

.xuanfu_rebbao_div span[data-v-616253de] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px
}

.notice_zz[data-v-616253de] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-616253de] {
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    height: 40%;
    margin-top: -16%;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    text-align: center;
    position: relative
}

.tz_title[data-v-616253de] {
    font-weight: 700;
    line-height: 31.5px;
    padding: 10% 15px 0;
    font-size: 23.5px
}

.tz_info[data-v-616253de] {
    font-size: 13px;
    line-height: 18.5px;
    color: #919191
}

.tz_center[data-v-616253de] {
    padding: 2%
}

.tz_center img[data-v-616253de] {
    width: 43px;
    height: 41.5px;
    vertical-align: bottom
}

.tz_center span[data-v-616253de] {
    color: red;
    font-size: 28.5px;
    font-weight: 700
}

.amount_title[data-v-616253de] {
    font-size: 14px;
    margin-top: 10%
}

.amount_num[data-v-616253de] {
    font-size: 37.5px;
    font-weight: 700;
    color: #2a9777
}

.amount_class[data-v-616253de] {
    height: 20%;
    margin-top: 15%
}

.amount_p[data-v-616253de] {
    margin: 0 auto
}

.close_img_class[data-v-616253de] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 13.5px;
    height: 13.5px
}

.tanchuang_img_class[data-v-616253de] {
    width: 90%;
    height: 309px;
    position: fixed;
    top: 26%
}

.notice_zz_zs[data-v-616253de] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper_zs[data-v-616253de] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 80%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title_zs[data-v-616253de] {
    font-size: 24px;
    padding: 15px
}

.tz_info_zs[data-v-616253de] {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close_zs[data-v-616253de] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close_zs button[data-v-616253de] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.input_box[data-v-616253de] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-top: 15px;
    position: relative
}

.input_box img[data-v-616253de] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.input_box input[data-v-616253de] {
    width: 90%;
    border: 0;
    font-size: 16px
}

.recharge[data-v-068a1044] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-068a1044] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-068a1044], .top_nav[data-v-068a1044] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-068a1044] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-068a1044] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-068a1044] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-068a1044] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-068a1044] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-068a1044] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-068a1044] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-068a1044] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-068a1044] {
    font-size: 14px
}

.choose_page[data-v-068a1044] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-068a1044] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-068a1044] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-068a1044] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-068a1044] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-068a1044] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-068a1044] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-068a1044] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-068a1044] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-068a1044]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-068a1044] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-068a1044] {
    font-size: 14px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-068a1044] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-068a1044], .list_box li ol .times[data-v-068a1044] {
    color: #757575
}

.recharge[data-v-307edd27] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-307edd27] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    justify-content: space-between
}

.top_nav .left[data-v-307edd27], .top_nav[data-v-307edd27] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-307edd27] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-307edd27] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.orders_nav[data-v-307edd27] {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .55);
    background: #009688;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 15px;
    box-sizing: border-box
}

.orders_nav li[data-v-307edd27] {
    padding: 0 12px
}

.active[data-v-307edd27] {
    border-bottom: 4px solid #fff;
    color: #fff !important
}

.shadow_box[data-v-307edd27] {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.con_box .content[data-v-307edd27] {
    padding: 15px;
    box-sizing: border-box
}

.recharge[data-v-8fbe08da] {
    height: 100vh;
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-8fbe08da] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-8fbe08da], .top_nav[data-v-8fbe08da] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-8fbe08da] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-8fbe08da] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-8fbe08da] {
    padding: 24px;
    box-sizing: border-box
}

.input_box[data-v-8fbe08da] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 35px;
    position: relative
}

.input_box span[data-v-8fbe08da] {
    font-size: 16px
}

.input_box img[data-v-8fbe08da] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.input_box input[data-v-8fbe08da] {
    width: 90%;
    border: 0;
    font-size: 16px
}

.input_box_btn[data-v-8fbe08da] {
    padding: 15px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.input_box_btn .login_btn[data-v-8fbe08da] {
    width: 240px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #009688;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.two_btn[data-v-8fbe08da] {
    width: 240px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px
}

.input_box_btn .two_btn button[data-v-8fbe08da] {
    padding: 0 15px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #f5f5f5;
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.tips_span[data-v-8fbe08da] {
    font-size: 12px !important;
    color: red;
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 15px;
    line-height: 12px;
    transition: all .3s
}

.recharge[data-v-48a51455] {
    height: 100vh;
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-48a51455] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-48a51455], .top_nav[data-v-48a51455] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-48a51455] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-48a51455] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-48a51455] {
    padding: 14px 24px 24px;
    box-sizing: border-box
}

.input_box[data-v-48a51455] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 35px;
    position: relative
}

.special_box[data-v-48a51455] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.gocode[data-v-48a51455] {
    background: #f5f5f5;
    font-size: 16px;
    color: rgba(0, 0, 0, .87)
}

.gocode[data-v-48a51455], .gocode_time[data-v-48a51455] {
    width: 26%;
    height: 46px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    line-height: 46px;
    border-radius: 2px;
    margin-bottom: 24px;
    border: 0;
    text-align: center
}

.gocode_time[data-v-48a51455] {
    background: #dcdcdc;
    font-size: 12px;
    color: #a3a3a3
}

.input_box img[data-v-48a51455] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.input_box input[data-v-48a51455] {
    width: 90%;
    border: 0;
    font-size: 16px;
    background: #fff
}

.input_box_btn[data-v-48a51455] {
    padding: 15px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.input_box_btn .login_btn[data-v-48a51455] {
    width: 65%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #009688;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.two_btn[data-v-48a51455] {
    width: 65%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px
}

.input_box_btn .two_btn button[data-v-48a51455] {
    padding: 0 15px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #f5f5f5;
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.van-checkbox[data-v-48a51455] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.agree_box[data-v-48a51455] .van-checkbox__label {
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0, 0, 0, .54)
}

.agree_box[data-v-48a51455] .greencolor {
    color: #009688;
    font-weight: 400
}

.agree_zz[data-v-48a51455] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper[data-v-48a51455] {
    background: #fff;
    border-radius: 4px;
    width: 90%;
    height: 90vh;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative
}

.agree_title[data-v-48a51455] {
    font-size: 24px;
    padding: 15px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree[data-v-48a51455] {
    width: 100%;
    height: 75vh;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 15px 15px 50px 15px;
    box-sizing: border-box;
    pointer-events: auto
}

ul[data-v-48a51455] {
    padding: 0 15px;
    box-sizing: border-box
}

li[data-v-48a51455], ol[data-v-48a51455], ul[data-v-48a51455] {
    list-style: disc;
    font-size: 14px
}

h1[data-v-48a51455] {
    font-size: 24px
}

h2[data-v-48a51455] {
    font-size: 18px
}

h3[data-v-48a51455] {
    font-size: 14px
}

strong[data-v-48a51455] {
    font-size: 14px;
    font-weight: 700
}

.content_agree p[data-v-48a51455] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px
}

.close_btn[data-v-48a51455] {
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-48a51455] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.tips_span[data-v-48a51455] {
    font-size: 12px !important;
    color: red;
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 15px;
    line-height: 12px;
    transition: all .3s
}

.tip_box[data-v-48a51455] {
    text-align: center;
    color: rgba(0, 0, 0, .54);
    margin-bottom: 10px
}

.last_tip[data-v-48a51455] {
    color: #00f;
    margin-top: 10px
}

.recharge[data-v-6a63ae68] {
    height: 100vh;
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-6a63ae68] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-6a63ae68], .top_nav[data-v-6a63ae68] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-6a63ae68] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-6a63ae68] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-6a63ae68] {
    padding: 24px;
    box-sizing: border-box
}

.input_box[data-v-6a63ae68] {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 35px;
    position: relative
}

.special_box[data-v-6a63ae68] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.gocode[data-v-6a63ae68] {
    background: #f5f5f5;
    font-size: 16px;
    color: rgba(0, 0, 0, .87)
}

.gocode[data-v-6a63ae68], .gocode_time[data-v-6a63ae68] {
    width: 26%;
    height: 46px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0 12px;
    line-height: 46px;
    border-radius: 2px;
    margin-bottom: 24px;
    border: 0;
    text-align: center
}

.gocode_time[data-v-6a63ae68] {
    background: #dcdcdc;
    font-size: 12px;
    color: #a3a3a3
}

.input_box img[data-v-6a63ae68] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.input_box input[data-v-6a63ae68] {
    width: 90%;
    border: 0;
    font-size: 16px;
    background: #fff
}

.input_box_btn[data-v-6a63ae68] {
    padding: 15px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.input_box_btn .login_btn[data-v-6a63ae68] {
    width: 65%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #009688;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.two_btn[data-v-6a63ae68] {
    width: 65%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px
}

.input_box_btn .two_btn button[data-v-6a63ae68] {
    padding: 0 15px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #f5f5f5;
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms
}

.van-checkbox[data-v-6a63ae68] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.agree_box[data-v-6a63ae68] .van-checkbox__label {
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0, 0, 0, .54)
}

.agree_box[data-v-6a63ae68] .greencolor {
    color: #009688;
    font-weight: 400
}

.tips_span[data-v-6a63ae68] {
    font-size: 12px !important;
    color: red;
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 15px;
    line-height: 12px;
    transition: all .3s
}

.promotion[data-v-a1ec4dd4] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-a1ec4dd4] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-a1ec4dd4], .top_nav[data-v-a1ec4dd4] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-a1ec4dd4] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-a1ec4dd4] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right[data-v-a1ec4dd4] {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_nav .right img[data-v-a1ec4dd4] {
    width: 25px;
    height: 25px
}

.pro_content[data-v-a1ec4dd4] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.container[data-v-a1ec4dd4] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff
}

.container .headline[data-v-a1ec4dd4] {
    padding: 15px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.container .headline span[data-v-a1ec4dd4] {
    font-size: 24px;
    font-weight: 400
}

.level_box[data-v-a1ec4dd4] {
    background: #fff
}

.level_content[data-v-a1ec4dd4] {
    width: 100%
}

.level_content .level_list[data-v-a1ec4dd4] {
    padding: 15px;
    box-sizing: border-box
}

.level_content .level_list .layout[data-v-a1ec4dd4] {
    width: 100%;
    display: flex;
    flex-direction: row
}

.layout[data-v-a1ec4dd4] {
    margin-top: 5%
}

.level_list .layout li[data-v-a1ec4dd4] {
    width: 50%
}

.level_list .layout li ol[data-v-a1ec4dd4] {
    text-align: center;
    font-size: 16px;
    color: #757575
}

.level_list .layout li .two_ol[data-v-a1ec4dd4] {
    font-size: 22px;
    color: rgba(0, 0, 0, .87);
    line-height: 1.5
}

.layout_bot[data-v-a1ec4dd4] {
    padding: 15px 0
}

.bot_list_a[data-v-a1ec4dd4], .layout_bot .bot_list[data-v-a1ec4dd4] {
    border-bottom: 1px solid #949494;
    padding: 15px 0 12px
}

.bot_list .titles[data-v-a1ec4dd4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-bottom: 5px
}

.bot_list .answer[data-v-a1ec4dd4] {
    font-size: 16px;
    font-weight: 400
}

.heights[data-v-a1ec4dd4] {
    height: 70px;
    line-height: 1.5
}

.openlink[data-v-a1ec4dd4] {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.openlink button[data-v-a1ec4dd4] {
    width: 50%;
    padding: 10px 15px;
    font-size: 14px;
    border: 0;
    background: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.right_zz[data-v-a1ec4dd4] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent
}

.right_zz .wrapper[data-v-a1ec4dd4] {
    background: #fff;
    padding: 16px 15px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    position: absolute;
    top: 7%;
    right: 3%
}

.right_zz .right_nav li[data-v-a1ec4dd4] {
    padding: 15px 0;
    font-size: 15px
}

.new_table[data-v-a1ec4dd4] {
    width: 100%;
    background: #fff;
    padding: 0 15px 20px;
    box-sizing: border-box
}

.new_table .table_ul[data-v-a1ec4dd4] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.new_table .table_ul .table_head ol[data-v-a1ec4dd4] {
    font-size: 12px;
    font-weight: 700
}

.new_table .table_ul .table_body[data-v-a1ec4dd4] {
    font-size: 14px
}

.new_table .table_ul li[data-v-a1ec4dd4] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-a1ec4dd4] {
    width: 25%;
    text-align: center;
    line-height: 35px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.bonus_button[data-v-a1ec4dd4] {
    width: 45%;
    padding: 10px 15px;
    border: 0;
    color: #000;
    border-radius: 2px;
    background-color: #f5f5f5;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.notice_button[data-v-a1ec4dd4] {
    color: #4caf50;
    border: none;
    background: none;
    float: right
}

.share_li[data-v-a1ec4dd4] {
    width: 20%;
    text-align: center;
    display: inline-block
}

.share_li img[data-v-a1ec4dd4], .share_li span[data-v-a1ec4dd4] {
    display: block
}

.share_img[data-v-a1ec4dd4] {
    width: 70%;
    margin: 0 auto
}

.share_ul li span[data-v-a1ec4dd4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-top: 5px
}

.share_ul[data-v-a1ec4dd4] {
    border: 1px solid #949494;
    padding: 2% 0 2%;
    border-radius: 8px;
    position: relative
}

.red_dian[data-v-a1ec4dd4] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0
}

.recharge[data-v-33b3e0c4] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-33b3e0c4] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-33b3e0c4], .top_nav[data-v-33b3e0c4] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-33b3e0c4] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-33b3e0c4] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-33b3e0c4] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-33b3e0c4] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-33b3e0c4] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-33b3e0c4] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-33b3e0c4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-33b3e0c4] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-33b3e0c4] {
    font-size: 14px
}

.choose_page[data-v-33b3e0c4] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-33b3e0c4] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-33b3e0c4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-33b3e0c4] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-33b3e0c4] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-33b3e0c4] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-33b3e0c4] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-33b3e0c4] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-33b3e0c4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-33b3e0c4]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-33b3e0c4] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-33b3e0c4] {
    display: flex;
    justify-content: flex-end
}

.list_box li ol .icon img[data-v-33b3e0c4] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-33b3e0c4] {
    color: #757575
}

.list_box li ol .times[data-v-33b3e0c4] {
    color: #757575;
    font-size: 12px
}

.recharge[data-v-702416a3] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-702416a3] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-702416a3], .top_nav[data-v-702416a3] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-702416a3] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-702416a3] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-702416a3] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-702416a3] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-702416a3] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-702416a3] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-702416a3] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-702416a3] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-702416a3] {
    font-size: 14px
}

.choose_page[data-v-702416a3] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-702416a3] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-702416a3] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-702416a3] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-702416a3] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-702416a3] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-702416a3] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-702416a3] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-702416a3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-702416a3]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-702416a3] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-702416a3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px
}

.list_box li ol .icon img[data-v-702416a3] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-702416a3] {
    color: #757575
}

.list_box li ol .times[data-v-702416a3] {
    color: #757575;
    font-size: 12px
}

.recharge[data-v-77ec7a8c] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-77ec7a8c] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-77ec7a8c], .top_nav[data-v-77ec7a8c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-77ec7a8c] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-77ec7a8c] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right[data-v-77ec7a8c] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.top_nav .right img[data-v-77ec7a8c] {
    width: 25px;
    height: 25px
}

.top_nav .right span[data-v-77ec7a8c] {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0
}

.recharge_box[data-v-77ec7a8c] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.top_text[data-v-77ec7a8c] {
    padding: 15px;
    box-sizing: border-box;
    text-align: center
}

.top_text[data-v-77ec7a8c], .top_text span[data-v-77ec7a8c] {
    font-size: 24px;
    font-weight: 400
}

.code_input_box[data-v-77ec7a8c] {
    width: 100%;
    display: flex;
    justify-content: center
}

.code_input[data-v-77ec7a8c] {
    width: 95%;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.code_input img[data-v-77ec7a8c] {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.code_input input[data-v-77ec7a8c] {
    width: 90%;
    font-size: 14px;
    border: 0
}

.text_field[data-v-77ec7a8c] {
    padding: 30px 15px 15px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 200;
    color: #000;
    line-height: 18px
}

.payment_box[data-v-77ec7a8c] {
    width: 100%;
    padding-left: 4%;
    box-sizing: border-box;
    margin-bottom: 10px
}

.payment_box[data-v-77ec7a8c] .van-radio__icon--checked .van-icon {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    width: 25px;
    display: inline-block
}

.payment_box[data-v-77ec7a8c] .van-radio__icon .van-icon {
    border: transparent;
    width: 25px;
    display: inline-block
}

.payment_box .van-radio[data-v-77ec7a8c] {
    height: 48px;
    line-height: 48px;
    font-size: 16px
}

.payment_text[data-v-77ec7a8c] {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #757575
}

.van-radio[data-v-77ec7a8c] .text {
    margin-left: 30px;
    display: inline-block;
    color: #212121
}

.add_card[data-v-77ec7a8c] {
    margin-bottom: 5px
}

.add_card .van-collapse[data-v-77ec7a8c] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box
}

[class*=van-hairline][data-v-77ec7a8c]:after {
    border: 0
}

.van-collapse-item[data-v-77ec7a8c] .van-cell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.van-collapse-item[data-v-77ec7a8c] .van-cell:after {
    border-bottom: 0
}

.van-collapse-item[data-v-77ec7a8c] .van-cell__title {
    display: flex;
    flex-direction: row
}

.van-collapse-item[data-v-77ec7a8c] img {
    width: 24px;
    height: 24px;
    margin-right: 38px
}

.nav_name[data-v-77ec7a8c] {
    font-size: 14px;
    color: #4e4e4e
}

.nav_content[data-v-77ec7a8c] {
    padding: 12px 15px 12px 48px;
    font-size: 14px;
    color: #4e4e4e
}

.van-collapse-item[data-v-77ec7a8c] .van-collapse-item__content {
    padding: 12px 16px 0
}

.van-collapse-item[data-v-77ec7a8c] .van-collapse-item__wrapper {
    border-bottom: 1px solid #e0e0e0
}

.password_box[data-v-77ec7a8c] {
    padding: 15px;
    box-sizing: border-box
}

.box_border[data-v-77ec7a8c] {
    border-bottom: 1px solid #949494;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px
}

.password_box .box_border img[data-v-77ec7a8c] {
    width: 24px;
    height: 24px
}

.password_box .box_border input[data-v-77ec7a8c] {
    width: 90%;
    border: 0;
    font-size: 14px;
    background: #fff
}

.recharge_btn[data-v-77ec7a8c] {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0 24px
}

.recharge_btn button[data-v-77ec7a8c] {
    background: #009688;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    border: 0;
    padding: 14px 0;
    text-align: center;
    width: 52%
}

.amount_list[data-v-77ec7a8c] {
    width: 100%;
    padding: 25px 10% 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around
}

.amount_list button[data-v-77ec7a8c] {
    width: 28%;
    margin: 5px 5px;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    background: #f5f5f5;
    border: 0
}

.choose_active[data-v-77ec7a8c] {
    background: #2196f3 !important;
    color: #fff !important;
    border-radius: 2px
}

.button_noclick[data-v-77ec7a8c] {
    background-color: #a9a9a9 !important
}

.recharge[data-v-345473d4] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-345473d4] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-345473d4], .top_nav[data-v-345473d4] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-345473d4] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-345473d4] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-345473d4] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-345473d4] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-345473d4] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-345473d4] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-345473d4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-345473d4] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-345473d4] {
    font-size: 14px
}

.choose_page[data-v-345473d4] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-345473d4] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-345473d4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-345473d4] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-345473d4] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-345473d4] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-345473d4] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-345473d4] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-345473d4] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-345473d4]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-345473d4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-345473d4] {
    font-size: 14px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-345473d4] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-345473d4], .list_box li ol .times[data-v-345473d4] {
    color: #757575
}

.recharge[data-v-d8bdd22a] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-d8bdd22a] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-d8bdd22a], .top_nav[data-v-d8bdd22a] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-d8bdd22a] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-d8bdd22a] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-d8bdd22a] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-d8bdd22a] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-d8bdd22a] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-d8bdd22a] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-d8bdd22a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-d8bdd22a] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-d8bdd22a] {
    font-size: 14px
}

.choose_page[data-v-d8bdd22a] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-d8bdd22a] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-d8bdd22a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-d8bdd22a] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-d8bdd22a] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-d8bdd22a] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-d8bdd22a] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-d8bdd22a] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-d8bdd22a] {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-d8bdd22a]:last-child {
    border-bottom: 0
}

.list_box li ol[data-v-d8bdd22a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list_box li ol p[data-v-d8bdd22a] {
    font-size: 14px;
    margin-bottom: 10px;
    color: #757575
}

.list_box li ol .icon[data-v-d8bdd22a] {
    color: #009688;
    font-weight: 700
}

.list_box li ol .oddnum[data-v-d8bdd22a], .list_box li ol .times[data-v-d8bdd22a] {
    color: #757575
}

.bankcard[data-v-6813989c] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-6813989c] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-6813989c], .top_nav[data-v-6813989c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-6813989c] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-6813989c] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right[data-v-6813989c] {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_nav .right img[data-v-6813989c] {
    width: 24px;
    height: 24px
}

.address_list[data-v-6813989c] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #fff
}

.list_ul li[data-v-6813989c] {
    padding: 15px 10px 15px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc
}

.list_ul li .left_icon[data-v-6813989c] {
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .left_icon img[data-v-6813989c] {
    width: 40px;
    height: 40px
}

.list_ul li .center[data-v-6813989c] {
    width: 72%
}

.list_ul li .center .name[data-v-6813989c] {
    font-size: 16px
}

.list_ul li .center .info_text[data-v-6813989c] {
    font-size: 14px;
    color: #757575;
    margin-top: 5px
}

.list_ul li .right_icon[data-v-6813989c] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .right_icon img[data-v-6813989c] {
    width: 24px;
    height: 24px
}

.popup_box[data-v-6813989c] {
    padding: 20px 20px;
    box-sizing: border-box
}

.popup_box .popup_title[data-v-6813989c] {
    font-size: 14px;
    color: #757575
}

.popup_ul li[data-v-6813989c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 10px 0;
    box-sizing: border-box
}

.popup_ul li img[data-v-6813989c] {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

.delete_zz[data-v-6813989c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s cubic-bezier(.25, .8, .25, 1)
}

.warpper[data-v-6813989c] {
    width: 70%;
    border-radius: 4px;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.warpper .title[data-v-6813989c] {
    padding: 15px 15px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 400
}

.warpper .text[data-v-6813989c] {
    padding: 15px 15px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    color: #505050
}

.warpper .bot_btn[data-v-6813989c] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 8px 15px;
    box-sizing: border-box
}

.warpper .bot_btn button[data-v-6813989c] {
    background: transparent;
    color: #757575;
    font-size: 14px;
    border: 0;
    height: 36px;
    line-height: 36px;
    margin-left: 30px
}

.warpper .bot_btn .btn[data-v-6813989c] {
    color: #e53935 !important
}

.addbankcard[data-v-3b6094e8] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-3b6094e8] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-3b6094e8], .top_nav[data-v-3b6094e8] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-3b6094e8] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-3b6094e8] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.input_card[data-v-3b6094e8] {
    width: 100%;
    padding: 15px 15px 64px 15px;
    box-sizing: border-box
}

.input_card .card_ul li[data-v-3b6094e8] {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-3b6094e8] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li input[data-v-3b6094e8] {
    background: transparent;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #919191
}

.v-label-active[data-v-3b6094e8] {
    transform: translateY(-18px) scale(.75)
}

.teal-text[data-v-3b6094e8] {
    color: #009688;
    caret-color: #009688
}

.continue_btn[data-v-3b6094e8] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.continue_btn button[data-v-3b6094e8] {
    width: 65%;
    padding: 12px 0;
    text-align: center;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    background: #009688;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.h_active[data-v-3b6094e8] {
    border-bottom: 1px solid red !important
}

.recharge[data-v-676041b4] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-676041b4] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-676041b4], .top_nav[data-v-676041b4] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-676041b4] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-676041b4] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right[data-v-676041b4] {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_nav .right img[data-v-676041b4] {
    width: 24px;
    height: 24px
}

.address_list[data-v-676041b4] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #fff
}

.list_ul li[data-v-676041b4] {
    padding: 15px 10px 15px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc
}

.list_ul li .left_icon[data-v-676041b4] {
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .left_icon img[data-v-676041b4] {
    width: 40px;
    height: 40px
}

.list_ul li .center[data-v-676041b4] {
    width: 72%
}

.list_ul li .center .name[data-v-676041b4] {
    font-size: 16px
}

.list_ul li .center .info_text[data-v-676041b4] {
    font-size: 14px;
    color: #757575;
    margin-top: 5px
}

.list_ul li .right_icon[data-v-676041b4] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list_ul li .right_icon img[data-v-676041b4] {
    width: 24px;
    height: 24px
}

.popup_box[data-v-676041b4] {
    padding: 20px 20px;
    box-sizing: border-box
}

.popup_box .popup_title[data-v-676041b4] {
    font-size: 14px;
    color: #757575
}

.popup_ul li[data-v-676041b4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 10px 0;
    box-sizing: border-box
}

.popup_ul li img[data-v-676041b4] {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

.addbankcard[data-v-fd10491c] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-fd10491c] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-fd10491c], .top_nav[data-v-fd10491c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-fd10491c] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-fd10491c] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.input_card[data-v-fd10491c] {
    width: 100%;
    padding: 15px 15px 64px 15px;
    box-sizing: border-box
}

.input_card .card_ul li[data-v-fd10491c] {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-fd10491c] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li input[data-v-fd10491c] {
    background: transparent;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #919191
}

.input_card .card_ul li input[data-v-fd10491c]:focus {
    border-bottom: 1px solid #009688
}

.v-label-active[data-v-fd10491c] {
    transform: translateY(-18px) scale(.75)
}

.teal-text[data-v-fd10491c] {
    color: #009688;
    caret-color: #009688
}

.continue_btn[data-v-fd10491c] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.continue_btn button[data-v-fd10491c] {
    width: 65%;
    padding: 12px 0;
    text-align: center;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    background: #009688;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.complaints[data-v-61fb587a] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-61fb587a] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-61fb587a], .top_nav[data-v-61fb587a] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-61fb587a] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-61fb587a] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right[data-v-61fb587a] {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_nav .right img[data-v-61fb587a] {
    width: 24px;
    height: 24px
}

.completed_nav[data-v-61fb587a] {
    display: flex;
    flex-direction: row;
    padding: 20px 20px;
    box-sizing: border-box;
    background: #009688;
    position: relative
}

.completed_nav li[data-v-61fb587a] {
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 15px
}

.completed_nav .li_line[data-v-61fb587a] {
    width: 48%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 20px;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.content .recharge_box[data-v-61fb587a] {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-61fb587a] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-61fb587a] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-61fb587a] {
    width: 45%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-61fb587a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-61fb587a] {
    width: 46%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-61fb587a] {
    font-size: 14px
}

.choose_page[data-v-61fb587a] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-61fb587a] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-61fb587a] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-61fb587a] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-61fb587a] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-61fb587a] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-61fb587a] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-61fb587a] {
    padding: 0 20px 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-61fb587a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-61fb587a]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-61fb587a] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-61fb587a] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px
}

.list_box li ol .icon img[data-v-61fb587a] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-61fb587a] {
    color: #757575
}

.list_box li ol .times[data-v-61fb587a] {
    color: #757575;
    font-size: 12px
}

.agree_zz[data-v-61fb587a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9
}

.wrapper[data-v-61fb587a] {
    background: #fff;
    border-radius: 4px;
    width: 90%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    overflow: hidden;
    position: relative
}

.agree_title[data-v-61fb587a] {
    font-size: 24px;
    padding: 15px;
    box-sizing: border-box;
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.content_agree[data-v-61fb587a] {
    width: 100%;
    padding: 15px 15px 60px 15px;
    box-sizing: border-box
}

.input_card .card_ul[data-v-61fb587a] {
    padding-bottom: 50px
}

.input_card .card_ul li[data-v-61fb587a] {
    padding: 15px 10px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-61fb587a] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li input[data-v-61fb587a], .input_card .card_ul li textarea[data-v-61fb587a] {
    background: transparent;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #919191;
    padding-bottom: 4px
}

.input_card .card_ul li textarea[data-v-61fb587a] {
    height: 60px
}

.close_btn[data-v-61fb587a] {
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff
}

.close_btn button[data-v-61fb587a] {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .9)
}

.tips[data-v-61fb587a] {
    padding: 10px 15px 20px;
    box-sizing: border-box;
    font-size: 14px
}

.addbankcard[data-v-6ee5dc06] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-6ee5dc06] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-6ee5dc06], .top_nav[data-v-6ee5dc06] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-6ee5dc06] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-6ee5dc06] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.input_card[data-v-6ee5dc06] {
    width: 100%;
    padding: 15px 15px 20px 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.input_card .card_ul li[data-v-6ee5dc06] {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.input_card .card_ul li p[data-v-6ee5dc06] {
    font-size: 12px;
    color: #7d7d7d;
    margin-bottom: 10px
}

.input_card .card_ul li .van-cell[data-v-6ee5dc06] {
    padding: 0;
    border-bottom: 1px solid #919191
}

.input_card .card_ul li .van-cell[data-v-6ee5dc06] .van-field__body {
    position: relative
}

.input_card .card_ul li .van-cell[data-v-6ee5dc06] .van-field__body:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    border: 4px solid;
    border-color: transparent transparent #757575 #757575;
    transform: rotate(-45deg);
    opacity: .8;
    content: ""
}

.input_card .card_ul li input[data-v-6ee5dc06], .input_card .card_ul li textarea[data-v-6ee5dc06] {
    background: transparent;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #919191
}

.input_card .card_ul li textarea[data-v-6ee5dc06] {
    padding-bottom: 4px;
    height: 60px
}

.v-label-active[data-v-6ee5dc06] {
    transform: translateY(-18px) scale(.75)
}

.teal-text[data-v-6ee5dc06] {
    color: #009688;
    caret-color: #009688
}

.continue_btn[data-v-6ee5dc06] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.continue_btn button[data-v-6ee5dc06] {
    width: 65%;
    padding: 12px 0;
    text-align: center;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    background: #009688;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.tips[data-v-6ee5dc06] {
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    padding: 10px 0;
    text-align: center
}

.privacypolicy[data-v-4c72be16] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-4c72be16] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-4c72be16], .top_nav[data-v-4c72be16] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-4c72be16] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-4c72be16] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.content_agree[data-v-4c72be16] {
    width: 100%;
    margin-top: 10px;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    pointer-events: auto;
    background: #fafafa;
    line-height: 1.5
}

ul[data-v-4c72be16] {
    padding: 0 15px;
    box-sizing: border-box
}

li[data-v-4c72be16], ol[data-v-4c72be16], ul[data-v-4c72be16] {
    list-style: disc;
    font-size: 14px
}

h1[data-v-4c72be16] {
    font-size: 24px
}

h2[data-v-4c72be16] {
    font-size: 18px
}

h3[data-v-4c72be16] {
    font-size: 14px
}

strong[data-v-4c72be16] {
    font-size: 14px;
    font-weight: 700
}

.content_agree p[data-v-4c72be16] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px
}

.riskagreement[data-v-4d154598] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-4d154598] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-4d154598], .top_nav[data-v-4d154598] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-4d154598] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-4d154598] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.content_agree[data-v-4d154598] {
    width: 100%;
    margin-top: 10px;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    pointer-events: auto;
    background: #fafafa;
    line-height: 1.5
}

h3[data-v-4d154598] {
    font-size: 18px;
    text-align: center
}

.content_agree p[data-v-4d154598] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px
}

.top_nav[data-v-14b1e6b9] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-14b1e6b9], .top_nav[data-v-14b1e6b9] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-14b1e6b9] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-14b1e6b9] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-14b1e6b9] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.content_box[data-v-14b1e6b9] {
    display: flex;
    justify-content: center;
    padding-top: 4vw;
    background: #f5f5f5
}

.redenvelopes_box[data-v-14b1e6b9] {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    padding: 40px 0;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-14b1e6b9] {
    font-size: 30px;
    font-weight: 800;
    line-height: 42px;
    color: #000;
    text-align: center;
    opacity: 1;
    margin-top: 8px
}

.img_box[data-v-14b1e6b9] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vw
}

.hb_img_box[data-v-14b1e6b9] {
    width: 75%;
    position: relative
}

.hb_img_box img[data-v-14b1e6b9] {
    width: 100%;
    height: 100%
}

.hb_img_box .price[data-v-14b1e6b9] {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: #fffdb8;
    position: absolute;
    bottom: 26vw;
    left: 0
}

.hb_img_box .price span[data-v-14b1e6b9] {
    font-size: 32px
}

.user_info_area[data-v-14b1e6b9] {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.user_info_area_login[data-v-14b1e6b9], .user_info_area_not_login[data-v-14b1e6b9] {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #7e7e7e;
    opacity: 1
}

.user_info_area_login[data-v-14b1e6b9] {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start
}

.user_info_area_login img[data-v-14b1e6b9] {
    width: 40px;
    height: 40px
}

.user_info_area_login span[data-v-14b1e6b9] {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    opacity: 1
}

.btn_box[data-v-14b1e6b9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2vw
}

.long_btn[data-v-14b1e6b9] {
    width: 80%;
    height: 47px;
    font-size: 22px;
    color: #fff;
    background: #0bc048;
    border: 0;
    border-radius: 7px
}

.copy_link_div[data-v-14b1e6b9] {
    width: 80%;
    height: 47px;
    background: #ececec;
    border: 1px solid #cbcbcb;
    opacity: 1;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 5vw
}

.copy_link_div div[data-v-14b1e6b9] {
    margin-left: 2%;
    width: 68%;
    height: 47px;
    font-size: 19px;
    font-weight: 400;
    line-height: 47px;
    color: #747474;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden
}

.copy_link_div button[data-v-14b1e6b9] {
    width: 30%;
    height: 47px;
    background: #ff8921;
    opacity: 1;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 0
}

.copy_link_div_tips_login[data-v-14b1e6b9] {
    width: 80%;
    height: 22px;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    color: #959595;
    opacity: 1;
    text-align: center;
    margin-top: 5vw
}

.copy_link_div_tips_not_login[data-v-14b1e6b9] {
    width: 80%;
    height: 47px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #f70;
    text-decoration: underline;
    opacity: 1;
    text-align: center;
    margin-top: 5vw
}

.new_table[data-v-14b1e6b9] {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 0 15px 20px;
    box-sizing: border-box
}

.new_table_div[data-v-14b1e6b9] {
    background: #eff0fe;
    width: 100%;
    height: 35px;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    color: #707070;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.new_table .table_ul[data-v-14b1e6b9] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden
}

.new_table .table_ul .table_head ol[data-v-14b1e6b9] {
    font-size: 12px;
    font-weight: 700
}

.new_table .table_ul .table_body[data-v-14b1e6b9] {
    font-size: 14px
}

.new_table .table_ul li[data-v-14b1e6b9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new_table .table_ul li ol[data-v-14b1e6b9] {
    width: 33%;
    text-align: center;
    line-height: 35px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.quest_out[data-v-14b1e6b9] {
    position: absolute;
    right: 22px;
    top: 8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #ff8921;
    align-content: center
}

.quest_out[data-v-14b1e6b9], .quest_quiot[data-v-14b1e6b9] {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.quest_quiot[data-v-14b1e6b9] {
    width: 4px;
    height: 6px;
    color: #ff8921;
    font-size: 13px
}

.notice_zz[data-v-14b1e6b9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.wrapper[data-v-14b1e6b9] {
    position: relative;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90%;
    height: 260px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-14b1e6b9] {
    font-size: 18px;
    padding: 5px;
    text-align: center
}

.tz_info[data-v-14b1e6b9] {
    margin-top: 15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #707070;
    opacity: 1;
    overflow-y: auto !important
}

.tz_close[data-v-14b1e6b9] {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    padding: 8px 15px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-14b1e6b9] {
    border: 0;
    background: transparent;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    color: #0bc048;
    text-decoration: underline;
    opacity: 1
}

.lifaafa_promotion_link[data-v-14b1e6b9] {
    margin-top: 10px;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #f70;
    opacity: 1;
    text-align: center
}

.top_nav[data-v-e86af21c] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-e86af21c], .top_nav[data-v-e86af21c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-e86af21c] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-e86af21c] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-e86af21c] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.back_red img[data-v-e86af21c] {
    width: 100%
}

.content_box[data-v-e86af21c] {
    display: flex;
    justify-content: center;
    padding-top: 9vw
}

.redenvelopes_box[data-v-e86af21c] {
    width: 80%;
    background: #fff;
    position: relative;
    border-radius: 6px;
    padding: 40px 20px;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-e86af21c] {
    font-size: 26px;
    text-align: center;
    font-weight: 700
}

.img_box[data-v-e86af21c] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw
}

.hb_img_box[data-v-e86af21c] {
    width: 50vw;
    height: 50vw;
    position: relative
}

.hb_img_box img[data-v-e86af21c] {
    width: 50vw;
    height: 50vw
}

.hb_img_box .price[data-v-e86af21c] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 15vw;
    left: 0
}

.hb_img_box .price span[data-v-e86af21c] {
    font-size: 32px
}

.btn_box[data-v-e86af21c] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12vw
}

.btn_box button[data-v-e86af21c] {
    width: 80%;
    background: #fff;
    font-size: 18px;
    color: #fff;
    background: #d6170d;
    border: 0;
    border-radius: 4px;
    padding: 12px 0
}

.notice_zz[data-v-e86af21c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    padding-left: 9%;
    align-items: center;
    text-align: center
}

.wrapper[data-v-e86af21c] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-e86af21c] {
    font-size: 24px;
    padding: 15px
}

.tz_info_tishi[data-v-e86af21c] {
    font-size: 30px;
    padding: 15px;
    color: red
}

.tz_info[data-v-e86af21c] {
    font-size: 15px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-e86af21c] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-e86af21c] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.top_nav[data-v-6d6e6a75] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-6d6e6a75], .top_nav[data-v-6d6e6a75] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-6d6e6a75] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-6d6e6a75] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-6d6e6a75] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.content_box[data-v-6d6e6a75] {
    display: flex;
    justify-content: center;
    padding-top: 9vw
}

.redenvelopes_box[data-v-6d6e6a75] {
    width: 80%;
    background: #fff;
    position: relative;
    border-radius: 6px;
    padding: 40px 20px;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-6d6e6a75] {
    font-size: 26px;
    text-align: center;
    font-weight: 700
}

.img_box[data-v-6d6e6a75] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw
}

.hb_img_box[data-v-6d6e6a75] {
    width: 50vw;
    height: 50vw;
    position: relative
}

.hb_img_box img[data-v-6d6e6a75] {
    width: 50vw;
    height: 50vw
}

.hb_img_box .price[data-v-6d6e6a75] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 15vw;
    left: 0
}

.hb_img_box .price span[data-v-6d6e6a75] {
    font-size: 32px
}

.btn_box[data-v-6d6e6a75] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12vw
}

.btn_box button[data-v-6d6e6a75] {
    width: 80%;
    background: #fff;
    font-size: 18px;
    color: #fff;
    background: #d6170d;
    border: 0;
    border-radius: 4px;
    padding: 12px 0
}

.notice_zz[data-v-6d6e6a75] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    padding-left: 9%;
    align-items: center;
    text-align: center
}

.wrapper[data-v-6d6e6a75] {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tz_title[data-v-6d6e6a75] {
    font-size: 24px;
    padding: 15px
}

.tz_info_tishi[data-v-6d6e6a75] {
    font-size: 30px;
    padding: 15px;
    color: red
}

.tz_info[data-v-6d6e6a75] {
    font-size: 15px;
    padding: 15px;
    line-height: 1.5;
    overflow-y: auto !important
}

.tz_close[data-v-6d6e6a75] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box
}

.tz_close button[data-v-6d6e6a75] {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px
}

.doudong[data-v-6d6e6a75] {
    -webkit-animation: shake-data-v-6d6e6a75 1.5s linear infinite;
    animation: shake-data-v-6d6e6a75 1.5s linear infinite
}

@-webkit-keyframes shake-data-v-6d6e6a75 {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

@keyframes shake-data-v-6d6e6a75 {
    10%, 30% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(-25deg)
    }
    40%, 65% {
        transform: rotate(0)
    }
}

.new_tutorial[data-v-35a9bd25] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-35a9bd25] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-35a9bd25], .top_nav[data-v-35a9bd25] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-35a9bd25] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-35a9bd25] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.content[data-v-35a9bd25] {
    width: 100%;
    margin-top: 10px;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    pointer-events: auto;
    background: #fafafa;
    line-height: 1.5
}

h2[data-v-35a9bd25] {
    font-size: 18px;
    margin-bottom: 10px
}

.content p[data-v-35a9bd25] {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 5px
}

.content img[data-v-35a9bd25] {
    max-width: 45%;
    margin-bottom: 15px
}

.img_two[data-v-35a9bd25] {
    display: flex;
    flex-direction: row
}

.img_two img[data-v-35a9bd25] {
    margin: 0 10px 15px
}

.customer_ul {
    margin: 10px
}

.box_customeanswer ul li {
    border: 1px solid rgba(0, 0, 0, .125)
}

.box_customeanswer ul li p {
    line-height: 25px;
    padding: 10px 10px 10px
}

.title_p {
    color: #007bff;
    font-size: 15px;
    background-color: #f7f7f7
}

.after_p {
    display: none;
    background-color: #fff
}

.top_nav {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav, .top_nav .left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.top_nav .right {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_nav .right img {
    width: 25px;
    height: 25px
}

.recharge[data-v-59a3a061] {
    background: #fafafa;
    padding-bottom: 64px
}

.top_nav[data-v-59a3a061] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between
}

.top_nav .left[data-v-59a3a061], .top_nav[data-v-59a3a061] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-59a3a061] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-59a3a061] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.recharge_box[data-v-59a3a061] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.null_data[data-v-59a3a061] {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: center
}

.pagination[data-v-59a3a061] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-59a3a061] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-59a3a061] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-59a3a061] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-59a3a061] {
    font-size: 14px
}

.choose_page[data-v-59a3a061] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-59a3a061] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-59a3a061] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-59a3a061] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-59a3a061] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-59a3a061] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-59a3a061] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.completed_list .list_box[data-v-59a3a061] {
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0
}

.list_box li[data-v-59a3a061] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.list_box li[data-v-59a3a061]:last-child {
    border-bottom: 0
}

.list_box li ol p[data-v-59a3a061] {
    font-size: 14px;
    margin-bottom: 10px
}

.list_box li ol .icon[data-v-59a3a061] {
    display: flex;
    justify-content: flex-end
}

.list_box li ol .icon img[data-v-59a3a061] {
    width: 20px;
    height: 20px
}

.list_box li ol .oddnum[data-v-59a3a061] {
    color: #757575
}

.list_box li ol .times[data-v-59a3a061] {
    color: #757575;
    font-size: 12px
}

.top_nav[data-v-f6b9b334] {
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #009688;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.top_nav .left[data-v-f6b9b334], .top_nav[data-v-f6b9b334] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.top_nav .left img[data-v-f6b9b334] {
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.top_nav .left span[data-v-f6b9b334] {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

.back_red[data-v-f6b9b334] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 112px
}

.content_box[data-v-f6b9b334] {
    display: flex;
    justify-content: center;
    padding-top: 9vw
}

.redenvelopes_box[data-v-f6b9b334] {
    width: 80%;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    padding: 40px 20px;
    box-sizing: border-box
}

.redenvelopes_box .title[data-v-f6b9b334] {
    font-size: 26px;
    text-align: center;
    font-weight: 700
}

.img_box[data-v-f6b9b334] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw
}

.hb_img_box[data-v-f6b9b334] {
    width: 50vw;
    height: 50vw;
    position: relative
}

.hb_img_box img[data-v-f6b9b334] {
    width: 50vw;
    height: 50vw
}

.hb_img_box .price[data-v-f6b9b334] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(0deg, #f4d497, #fff);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 15vw;
    left: 0
}

.hb_img_box .price span[data-v-f6b9b334] {
    font-size: 32px
}

.btn_box[data-v-f6b9b334] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12vw
}

.btn_box button[data-v-f6b9b334] {
    width: 80%;
    background: #fff;
    font-size: 18px;
    color: #fff;
    background: #d6170d;
    border: 0;
    border-radius: 4px;
    padding: 12px 0
}

.content_desc[data-v-f6b9b334] {
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
    text-align: left
}

.card_item[data-v-c019e858] {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 25px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px
}

.card_item_left[data-v-c019e858] {
    display: flex;
    justify-content: space-between
}

.card_item_time[data-v-c019e858] {
    color: #a5a5a5
}

.card_item_title[data-v-c019e858] {
    font-size: 20px;
    color: #000;
    margin-top: 10px
}

.card_item_title span[data-v-c019e858] {
    font-size: 32px;
    font-weight: 700
}

.card_item_right[data-v-c019e858] {
    position: relative
}

.card_item_right .card_item_img[data-v-c019e858] {
    width: 60px
}

.card_item_img_icon[data-v-c019e858] {
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 24px;
    height: 24px
}

.card_item_btns[data-v-c019e858] {
    display: flex;
    margin-top: 12px;
    justify-content: space-between
}

.card_item_btns button[data-v-c019e858] {
    border: none;
    outline: none;
    width: 140px;
    height: 42px;
    border-radius: 21px;
    color: #fff;
    font-size: 18px
}

.card_item_bottom[data-v-c019e858] {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #fff;
    font-size: 16px;
    text-align: center
}

.card_item_bottom span[data-v-c019e858] {
    font-size: 16px
}

.card_item_div[data-v-c019e858] {
    display: flex;
    align-items: center;
    margin: 12px 0
}

.card_item_div_label[data-v-c019e858] {
    font-size: 16px;
    color: #a5a5a5;
    margin-right: 10px
}

.card_item_div_description strong[data-v-c019e858] {
    font-size: 16px;
    color: #666;
    margin-right: 8px
}

.copy_btn[data-v-c019e858] {
    padding: 6px 16px;
    border: none;
    outline: none;
    color: #797979;
    background: #e9e9e9;
    border-radius: 14px
}

.main[data-v-7b9aec36] {
    position: relative;
    margin: 0 16px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 35px 30px
}

.modal[data-v-7b9aec36] {
    display: flex;
    justify-content: center;
    align-items: center
}

.title[data-v-7b9aec36] {
    font-size: 24px;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000
}

.img-box[data-v-7b9aec36] {
    margin-top: 12px;
    text-align: center
}

.img_price[data-v-7b9aec36] {
    font-size: 45px;
    font-family: Alibaba PuHuiTi;
    font-weight: 700;
    line-height: 56px;
    color: #000;
    text-align: center;
    margin-top: 20px
}

.button[data-v-7b9aec36] {
    border: none;
    outline: none;
    height: 54px;
    width: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 22px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    margin-top: 32px
}

.close[data-v-7b9aec36] {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: -60px
}

.main[data-v-4e0ff36e] {
    position: relative;
    margin: 0 16px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 35px 30px
}

.title[data-v-4e0ff36e] {
    font-size: 24px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    line-height: 56px;
    text-align: center;
    color: #000
}

.modal[data-v-4e0ff36e] {
    display: flex;
    justify-content: center;
    align-items: center
}

.close[data-v-4e0ff36e] {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: -60px
}

.button[data-v-4e0ff36e] {
    border: none;
    outline: none;
    height: 54px;
    width: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 22px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    margin-top: 32px
}

.filed[data-v-4e0ff36e] {
    border: 1px solid #a9a9a9;
    border-radius: 8px
}

.main[data-v-1d2a1fb8] {
    position: relative;
    margin: 0 16px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 35px 30px
}

.modal[data-v-1d2a1fb8] {
    display: flex;
    justify-content: center;
    align-items: center
}

.title[data-v-1d2a1fb8] {
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000
}

.img-box[data-v-1d2a1fb8] {
    margin-top: 12px;
    text-align: center
}

.img_price[data-v-1d2a1fb8] {
    font-size: 45px;
    font-family: Alibaba PuHuiTi;
    font-weight: 700;
    line-height: 56px;
    color: #000;
    text-align: center;
    margin-top: 20px
}

.btn-box[data-v-1d2a1fb8] {
    position: relative;
    margin-top: 32px
}

.button[data-v-1d2a1fb8] {
    border: none;
    outline: none;
    height: 54px;
    width: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 22px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.red-info[data-v-1d2a1fb8] {
    box-sizing: border-box;
    position: absolute;
    right: -8px;
    top: -12.5px;
    padding: 4px 8px;
    background: #fb4545;
    z-index: 99;
    color: #fff;
    border-radius: 13px
}

.sub-btn[data-v-1d2a1fb8] {
    background: #dadada;
    color: #999;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.close[data-v-1d2a1fb8] {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: -60px
}

.pay_modal_container[data-v-300610c0] {
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

.adm-mask-content[data-v-300610c0] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.pay_modal_box[data-v-300610c0] {
    position: relative;
    margin: 0 auto;
    padding: 24px 24px;
    width: 70%;
    background: #fff;
    border-radius: 10px
}

.title[data-v-300610c0] {
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    text-align: center;
    font-weight: 700;
    color: #019e83
}

.main[data-v-300610c0] {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.5;
    text-align: left
}

.btn[data-v-300610c0] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border: none;
    outline: none;
    font-size: 22px;
    margin-top: 22px;
    color: #fff;
    background: #00aa79;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 8px
}

.pay_modal_cancel[data-v-300610c0] {
    text-align: center
}

.pay_modal_cancel a[data-v-300610c0] {
    display: inline-block;
    font-size: 22px;
    font-family: AlibabaPuHuiTi-Bold;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    color: #8b8b8b;
    text-decoration: underline
}

.close[data-v-300610c0] {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: -60px
}

.pay_modal_container[data-v-406cbb70] {
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

.adm-mask-content[data-v-406cbb70] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.pay_modal_box[data-v-406cbb70] {
    position: relative;
    margin: 0 auto;
    padding: 24px 24px;
    width: 70%;
    background: #fff;
    border-radius: 10px
}

.title[data-v-406cbb70] {
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    text-align: center;
    font-weight: 700;
    color: #019e83
}

.main[data-v-406cbb70] {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.5;
    text-align: left
}

.btn[data-v-406cbb70] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border: none;
    outline: none;
    font-size: 22px;
    margin-top: 22px;
    color: #fff;
    background: #00aa79;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 8px;
    pointer-events: auto
}

.pay_modal_cancel[data-v-406cbb70] {
    text-align: center
}

.pay_modal_cancel a[data-v-406cbb70] {
    display: inline-block;
    font-size: 22px;
    font-family: AlibabaPuHuiTi-Bold;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    color: #8b8b8b;
    text-decoration: underline
}

.info[data-v-406cbb70] {
    color: #999;
    margin: 16px 0;
    font-size: 13px
}

.close[data-v-406cbb70] {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: -60px
}

.sub_title[data-v-406cbb70] {
    font-size: 18px;
    color: #666
}

.input_box[data-v-406cbb70] {
    margin-top: 12px
}

.input_box[data-v-406cbb70] .van-cell {
    padding: 0
}

.input_box[data-v-406cbb70] input {
    padding: 10px 16px;
    border-radius: 6px;
    background: #f1f1f1;
    font-size: 16px
}

.disabled-btn[data-v-406cbb70] {
    opacity: .6;
    pointer-events: none
}

.small_btn[data-v-406cbb70] {
    width: 70px;
    height: 44px;
    line-height: 44px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #fff;
    background: #00aa79;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 8px
}

.small_btn_disable[data-v-406cbb70] {
    pointer-events: none
}

.error_text[data-v-406cbb70] {
    color: #ee0a24;
    margin-top: 16px;
    text-align: center
}

.phone-text[data-v-406cbb70] {
    font-size: 22px;
    font-weight: 700;
    color: #333
}

.nav_header_main-box {
    flex: 1
}

.nav_header_main {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #c9c9c9;
    border-radius: 18px;
    margin: 0 auto
}

.nav_header_item {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    padding: 16px;
    margin: 0 -6px
}

.nav_header_item:first-child {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px
}

.nav_header_item:last-child {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px
}

.active_nav_header-item {
    border-radius: 18px;
    background: #00b770;
    color: #fff;
    z-index: 1
}

.header[data-v-4d3d12f5] {
    padding: 20px 16px;
    margin-top: 50px;
    background: linear-gradient(225deg, #00b770, #018495)
}

.flex_box[data-v-4d3d12f5] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header[data-v-4d3d12f5] .van-switch__node {
    font-size: 20px
}

.sub_text[data-v-4d3d12f5] {
    color: #bcffbc;
    font-size: 14px
}

.header-main[data-v-4d3d12f5] {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pend_text[data-v-4d3d12f5] {
    color: #bcffbc;
    opacity: .5;
    font-size: 12px
}

.balance_text[data-v-4d3d12f5] {
    font-size: 28px;
    font-weight: 700;
    color: #fff
}

.header-main-left[data-v-4d3d12f5] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.head_btn[data-v-4d3d12f5] {
    width: 130px;
    height: 42px;
    background: #fff;
    box-shadow: 0 0 10px rgba(97, 97, 97, .2);
    opacity: 1;
    border-radius: 21px;
    border: none;
    outline: none;
    font-size: 18px;
    color: #019e83;
    line-height: 42px
}

.tabs_box[data-v-4d3d12f5] {
    width: 100%;
    display: flex;
    padding: 20px 0
}

.tabs_item[data-v-4d3d12f5] {
    width: 33.33%;
    text-align: center
}

.tabs_item span[data-v-4d3d12f5] {
    font-size: 16px;
    color: #a5a5a5;
    padding-bottom: 8px
}

.active_item span[data-v-4d3d12f5] {
    border-bottom: 2px solid #000;
    font-weight: 700;
    color: #000
}

.card_list[data-v-4d3d12f5] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px
}

.pagination[data-v-4d3d12f5] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-4d3d12f5] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-4d3d12f5] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-4d3d12f5] {
    width: 36%;
    display: flex;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-4d3d12f5] {
    font-size: 14px
}

.choose_page[data-v-4d3d12f5] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-4d3d12f5] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-4d3d12f5] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-4d3d12f5] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-4d3d12f5] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-4d3d12f5] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-4d3d12f5] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.card_item[data-v-d35f57ac] {
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px
}

.card_item_top[data-v-d35f57ac] {
    display: flex;
    justify-content: space-between
}

.card_item_left[data-v-d35f57ac] {
    flex: 1;
    max-width: 100%
}

.card_item_time[data-v-d35f57ac] {
    color: #a5a5a5;
    margin-bottom: 3px
}

.card_item_title[data-v-d35f57ac] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: #000;
    margin-top: 10px
}

.card_item_title_div[data-v-d35f57ac] {
    font-size: 20px;
    width: 75%;
    word-break: break-all
}

.card_item_title b[data-v-d35f57ac] {
    font-size: 20px
}

.card_item_right[data-v-d35f57ac] {
    position: relative
}

.card_item_right .card_item_img[data-v-d35f57ac] {
    width: 60px
}

.card_item_img_icon[data-v-d35f57ac] {
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 24px;
    height: 24px
}

.card_item_btns[data-v-d35f57ac] {
    display: flex;
    margin-top: 12px;
    justify-content: space-between
}

.btn[data-v-d35f57ac] {
    border: none;
    outline: none;
    width: 100%;
    height: 42px;
    border-radius: 21px;
    color: #fff;
    font-size: 18px
}

.btn[data-v-d35f57ac] .van-button__text {
    font-size: 18px
}

.small_btn[data-v-d35f57ac] {
    border: none;
    outline: none;
    padding: 0 12px;
    height: 32px;
    line-height: 30px;
    border-radius: 21px;
    color: #fff;
    font-size: 18px;
    background: #00b770
}

.btn_box[data-v-d35f57ac] {
    margin-top: 16px
}

.btn_box[data-v-d35f57ac] .van-uploader, .btn_box[data-v-d35f57ac] .van-uploader__input-wrapper, .btn_box[data-v-d35f57ac] .van-uploader__wrapper {
    width: 100%
}

.card_item_bottom[data-v-d35f57ac] {
    margin-top: 8px;
    padding-top: 12px;
    font-size: 16px;
    text-align: center
}

.card_item_bottom span[data-v-d35f57ac] {
    font-size: 16px
}

.card_item_paying_info[data-v-d35f57ac] {
    margin-top: 16px
}

.card_item_paying_info > div[data-v-d35f57ac] {
    font-size: 18px;
    text-align: center;
    color: #555
}

.btn[data-v-d35f57ac] .van-count-down {
    display: inline-block;
    font-size: 18px;
    color: #fff
}

.pay_modal_container[data-v-9818bcd2] {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center
}

.adm-mask-content[data-v-9818bcd2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.pay_modal_box[data-v-9818bcd2] {
    margin: 24px;
    padding: 36px 24px;
    width: 70%;
    background: #fff;
    border-radius: 10px
}

.title[data-v-9818bcd2] {
    font-size: 26px;
    color: #00b770;
    font-weight: 700;
    text-align: center
}

.sub_title[data-v-9818bcd2] {
    font-size: 30px;
    text-align: center
}

.main[data-v-9818bcd2] {
    margin-top: 36px
}

.main_info[data-v-9818bcd2] {
    font-size: 16px;
    color: #555;
    text-align: center
}

.pay_modal_box button[data-v-9818bcd2] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #00b770;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    margin-top: 16px
}

.sub_info[data-v-9818bcd2] {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-top: 8px
}

.header[data-v-77656097] {
    padding: 20px 16px;
    margin-top: 50px;
    background: linear-gradient(225deg, #00b770, #018495)
}

.flex_box[data-v-77656097] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header[data-v-77656097] .van-switch__node {
    font-size: 20px
}

.sub_text[data-v-77656097] {
    color: #bcffbc;
    font-size: 14px
}

.header-main[data-v-77656097] {
    margin-top: 16px;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pend_text[data-v-77656097] {
    color: #bcffbc;
    opacity: .5;
    font-size: 12px
}

.balance_text[data-v-77656097] {
    font-size: 28px;
    font-weight: 700;
    color: #fff
}

.header-main-left[data-v-77656097] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.head_btn[data-v-77656097] {
    width: 130px;
    height: 42px;
    background: #fff;
    box-shadow: 0 0 10px rgba(97, 97, 97, .2);
    opacity: 1;
    border-radius: 21px;
    border: none;
    outline: none;
    font-size: 18px;
    color: #019e83;
    line-height: 42px
}

.tabs_box[data-v-77656097] {
    width: 100%;
    display: flex;
    padding: 20px 0
}

.tabs_item[data-v-77656097] {
    width: 25%;
    text-align: center
}

.tabs_item span[data-v-77656097] {
    font-size: 14px;
    color: #a5a5a5;
    padding-bottom: 8px
}

.active_item span[data-v-77656097] {
    border-bottom: 2px solid #000;
    font-weight: 700;
    color: #000
}

.card_list[data-v-77656097] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px
}

.pagination[data-v-77656097] {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 15px;
    box-sizing: border-box
}

.pagination .page_box[data-v-77656097] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.pagination .page_box .page[data-v-77656097] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.pagination .page_btn[data-v-77656097] {
    width: 36%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pagination .page_btn .van-icon[data-v-77656097] {
    font-size: 14px
}

.choose_page[data-v-77656097] {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end
}

.choose_page_par[data-v-77656097] {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.choose_page_par span[data-v-77656097] {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-right: 15px
}

.page_box_two[data-v-77656097] {
    width: 20%;
    border-bottom: 1px solid #949494
}

.page_box_two[data-v-77656097] .van-dropdown-menu__bar {
    box-shadow: 0 2px 12px rgba(100, 101, 102, 0);
    height: 28px
}

.page_box_two[data-v-77656097] .van-dropdown-menu__title {
    padding: 0 15px 0 0
}

.van-dropdown-menu[data-v-77656097] .van-popup--top {
    top: 0;
    right: 0;
    width: 20%;
    left: auto
}

.header[data-v-e8ae004c] {
    background: #000
}

.back_icon[data-v-e8ae004c] {
    width: 45px;
    color: #fff;
    font-size: 24px;
    padding: 0 8px
}

.head_title[data-v-e8ae004c] {
    flex: 1;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-left: -64px
}

.head[data-v-e8ae004c] {
    display: flex;
    padding: 6px 0
}

.main[data-v-e8ae004c] {
    padding: 36px 24px
}

.main_title[data-v-e8ae004c] {
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.main_info[data-v-e8ae004c] {
    position: relative;
    display: flex;
    color: #fff;
    margin-top: 10px
}

.main_info[data-v-e8ae004c], .main_info span[data-v-e8ae004c] {
    font-size: 36px;
    font-weight: 700
}

.yellow_span[data-v-e8ae004c] {
    color: #ffc018
}

.bonus_box[data-v-e8ae004c] {
    margin-left: 10px;
    background: #fb4545;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 2px 8px;
    border-radius: 13px;
    font-weight: 400
}

.header-info[data-v-e8ae004c] {
    background: #d48200;
    padding: 8px 0;
    text-align: center;
    color: #fff
}

.mask[data-v-68febff6] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 80%;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 20px;
    background: #fff;
    border-radius: 12px
}

.title[data-v-68febff6] {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    color: #666;
    font-size: 22px;
    margin-bottom: 24px
}

.img_box[data-v-68febff6], .img_box img[data-v-68febff6] {
    width: 100%
}

.main[data-v-2fc9ea82] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #eaeaea
}

.container[data-v-2fc9ea82] {
    flex: 1;
    padding: 0 16px
}

.title[data-v-2fc9ea82] {
    font-size: 18px;
    margin-top: 32px;
    text-align: center
}

.input-box[data-v-2fc9ea82] {
    position: relative;
    border: 2px solid #a9a9a9;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin-top: 20px
}

.input-box[data-v-2fc9ea82] input {
    font-size: 16px
}

.btn-box[data-v-2fc9ea82] {
    margin-top: 20px
}

.btn[data-v-2fc9ea82] {
    border: none;
    outline: none;
    height: 54px;
    width: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 22px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.img_box[data-v-2fc9ea82] {
    width: 80%;
    margin: 40px auto
}

.img_box img[data-v-2fc9ea82] {
    width: 100%
}

.mask[data-v-4d085ad6] {
    box-sizing: border-box;
    padding: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.mask_head[data-v-4d085ad6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.left_title[data-v-4d085ad6] {
    font-size: 16px;
    color: #555;
    line-height: 1.5
}

.left_info[data-v-4d085ad6] {
    font-size: 16px
}

.right_text[data-v-4d085ad6] {
    font-size: 16px;
    color: #0bc048
}

.main[data-v-c572f512] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #eaeaea
}

.container[data-v-c572f512] {
    flex: 1;
    padding: 0 16px
}

.btn-box[data-v-c572f512] {
    margin-top: 24px
}

.item-box[data-v-c572f512] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px
}

.item-title[data-v-c572f512] {
    font-size: 18px;
    color: #555;
    line-height: 1.5
}

.item-info[data-v-c572f512] {
    font-size: 18px
}

.btn[data-v-c572f512] {
    border: none;
    outline: none;
    background: #fff;
    padding: 6px 14px;
    border-radius: 15px;
    color: #666
}

.help-info[data-v-c572f512] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6075b8;
    font-size: 18px;
    margin-top: 24px;
    text-align: center
}

.help-info span[data-v-c572f512] {
    font-size: 18px;
    margin-left: 8px
}

.info_box[data-v-c572f512] {
    margin-top: 20px
}

.info_box p[data-v-c572f512] {
    font-size: 16px;
    color: #999;
    margin-top: 16px
}

.main[data-v-54db0868] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #eaeaea
}

.container[data-v-54db0868] {
    flex: 1;
    padding: 0 16px
}

.info[data-v-54db0868] {
    margin: 32px 0;
    padding: 0 20px;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 1.4
}

.modal[data-v-5c0265ee] {
    padding: 0 12px;
    box-sizing: border-box
}

.main[data-v-5c0265ee] {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 35px 16px
}

.modal[data-v-5c0265ee] {
    display: flex;
    justify-content: center;
    align-items: center
}

.title[data-v-5c0265ee] {
    width: 90%;
    margin: 0 auto;
    font-size: 24px;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000;
    margin-top: 17px
}

.sub_text[data-v-5c0265ee] {
    width: 100%;
    font-size: 18px;
    color: #848484;
    text-align: center;
    margin: 23px 0 29px 0
}

.button[data-v-5c0265ee] {
    border: none;
    outline: none;
    height: 54px;
    width: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 22px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px;
    margin-top: 32px
}

.close[data-v-5c0265ee] {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: -60px
}

.share_box[data-v-5c0265ee] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #e3e3e3;
    opacity: 1;
    border-radius: 10px
}

.share_left[data-v-5c0265ee] {
    font-size: 18px;
    color: #848484;
    padding-left: 8px;
    margin-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    flex: 1
}

.share_left span[data-v-5c0265ee] {
    font-size: 18px
}

.share_box button[data-v-5c0265ee] {
    outline: none;
    border: 0;
    width: 145px;
    height: 54px;
    background: #6655d3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 10px;
    font-size: 20px;
    color: #fff
}

.list-complete-item[data-v-25746138] {
    transition: all 1s
}

.list-complete-leave-to[data-v-25746138] {
    transform: translateY(-120px)
}

.list-complete-enter[data-v-25746138] {
    transform: translateY(120px)
}

.list-complete-leave-active[data-v-25746138] {
    position: absolute
}

.item-child[data-v-25746138] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    color: #898989;
    font-size: 14px
}

.item-child span[data-v-25746138] {
    font-size: 12px
}

.item-child-img[data-v-25746138] {
    width: 22px
}

.main_box[data-v-7690d460] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f5f5f5;
    background-image: url(../img/reward_bg.6b39df5a.jpg);
    background-repeat: no-repeat;
    background-size: contain
}

.reward_img[data-v-7690d460] {
    width: 100%
}

.card_title[data-v-7690d460] {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-items: center;
    padding: 0 30px;
    border-radius: 25px;
    height: 50px;
    background: #ffe800;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 21px;
    color: #742210;
    margin: 0 auto
}

.card_box[data-v-7690d460] {
    position: relative;
    margin: 87vw 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    opacity: 1;
    border-radius: 8px;
    padding: 20px
}

.not_logged[data-v-7690d460] {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin: 33px 0 42px 0
}

.share_box[data-v-7690d460] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #e3e3e3;
    opacity: 1;
    border-radius: 10px;
    margin: 22px 0 15px 0
}

.share_left[data-v-7690d460] {
    font-size: 18px;
    color: #848484;
    padding-left: 8px;
    margin-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    flex: 1
}

.share_left span[data-v-7690d460] {
    font-size: 18px
}

.share_box button[data-v-7690d460] {
    outline: none;
    border: 0;
    width: 145px;
    height: 54px;
    background: #6655d3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 10px;
    font-size: 20px;
    color: #fff
}

.bonus_text[data-v-7690d460] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #ff3700;
    margin-bottom: 30px
}

.foot-main[data-v-7690d460] {
    box-sizing: border-box;
    padding: 0 16px;
    position: relative;
    margin: 10px;
    background: #fff;
    opacity: 1;
    border-radius: 8px;
    overflow: hidden
}

.back_icon[data-v-7690d460] {
    position: absolute;
    color: #fff;
    font-size: 24px;
    padding: 12px
}

body, html {
    height: 100%
}

.hart_loading[data-v-6220e1f1] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, .4);
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.hart_loading .box[data-v-6220e1f1] {
    display: inline-block;
    border-radius: 3px;
    font-size: 30px;
    color: #4caf50;
    padding: 1em;
    margin-bottom: .25em;
    vertical-align: top;
    transition: color .3s, border .3s
}

.box .loader-chart[data-v-6220e1f1] {
    width: 2em;
    height: 2em;
    border: .4em solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;
    -webkit-animation: loader-05-data-v-6220e1f1 1s linear infinite;
    animation: loader-05-data-v-6220e1f1 1s linear infinite;
    top: 34%;
    left: 50%;
    margin-left: -15px
}

.loader-chart[data-v-6220e1f1]:before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: -.4em;
    left: -.4em;
    border: .4em solid currentcolor;
    border-radius: 50%;
    opacity: .5
}

.box .loader-iframe[data-v-6220e1f1] {
    width: 1.5em;
    height: 1.5em;
    border: .05em solid #5264d9;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: loader-03-data-v-6220e1f1 .7s linear infinite;
    animation: loader-03-data-v-6220e1f1 .7s linear infinite
}

@-webkit-keyframes loader-05-data-v-6220e1f1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader-05-data-v-6220e1f1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loader-03-data-v-6220e1f1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader-03-data-v-6220e1f1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.tip-msg[data-v-6220e1f1] {
    width: 100%;
    text-align: center;
    font-size: 14px
}

.vclub__btn {
    border: none;
    outline: none;
    height: 54px;
    width: 100%;
    color: #fff;
    line-height: 54px;
    font-size: 22px;
    background: #0bc048;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 5px
}

.znq_icon {
    position: absolute;
    top: 9px;
    right: 32%;
    width: 34px;
    height: 11px;
    background: linear-gradient(229deg, #dd4eff, #ff0404);
    opacity: 1;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center
}

.znq_icon img {
    width: 26px;
    height: 7px
}

.long_btn {
    width: 100%;
    height: 54px;
    background: #0bc048;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    border: 0;
    letter-spacing: 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

button {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

button:active {
    opacity: .4 !important
}

div.nav_bar {
    height: 50px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc
}

.nav_left, .nav_middle, .nav_right {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    opacity: 1
}

div.nav_bar button {
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav_bar .nav_left {
    display: flex;
    align-items: center;
    width: 50px
}

.nav_bar .nav_left img {
    margin-left: 10px;
    width: 25px
}

.nav_bar .nav_middle {
    display: flex;
    align-items: center
}

.nav_bar .nav_middle img {
    height: 33px
}

.nav_bar .nav_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50px
}

.nav_bar .nav_right img {
    width: 25px;
    margin-right: 10px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #c4c4c4
}